jQuery .Each () com vários seletores - Skip, depois .Empty () elementos
-
21-09-2019 - |
Pergunta
Eu gostaria de remover todos os elementos correspondentes, mas pule a primeira instância de cada partida:
// Works as expected: removes all but first instance of .a
jQuery ('.a', '#scope')
.each ( function (i) {
if (i > 0) jQuery (this).empty();
});
// Expected: removal of all but first instance of .a and .b
// Result: removal of *all* instances .a and .b
jQuery ('.a, .b', '#scope')
.each ( function (i) {
if (i > 1) jQuery (this).empty();
});
<div id="scope">
<!-- Want to keep the first instance of .a and .b -->
<div class="a">[bla]</div>
<div class="b">[bla]</div>
<!-- Want to remove all the others -->
<div class="a">[bla]</div>
<div class="b">[bla]</div>
<div class="a">[bla]</div>
<div class="b">[bla]</div>
...
</div>
Alguma sugestão?
- Usando
jQuery()
ao invés de$()
por causa do conflito com o código 'Legacy' - Usando
.empty()
Porque.a
contém js eu gostaria de desativar - Preso com o jQuery 1.2.3
Te agradece!
Solução
Experimente:
$('.a:gt(0), .b:gt(0)').remove();
Não tenho certeza se combiná -los em um seletor é possível com o :gt()
, pode mudar o escopo e remover todos eles após o primeiro .a
.
Outras dicas
Parece que seu HTML está incorreto. Eu o modifiquei para o seguinte:
<div id="scope">
<!-- Want to keep the first instance of .a and .b -->
<div class="a">[bla]</div>
<div class="b">[bla]</div>
<!-- Want to remove all the others -->
<div class="a">[bla]</div>
<div class="b">[bla]</div>
<div class="a">[bla]</div>
<div class="b">[bla]</div>
...
</div>
Então isso parecia funcionar:
jQuery('div#scope div.a').not(':first').empty();
jQuery('div#scope div.b').not(':first').empty();
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow