jQuery .each () con più selettori - saltare, quindi .empty () elementi
-
21-09-2019 - |
Domanda
Vorrei rimuovere tutti gli elementi corrispondenti, ma saltare la prima istanza di ogni partita:
// 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>
Eventuali suggerimenti?
- Usando
jQuery()
piuttosto che$()
a causa del conflitto con il codice "legacy" - Usando
.empty()
perché.a
contiene js che vorrei disabilitare - Bloccato con jQuery 1.2.3
Grazie!
Soluzione
Prova questo:
$('.a:gt(0), .b:gt(0)').remove();
Non sono sicuro che combinarli in un selettore sia possibile con il :gt()
, può cambiare l'ambito e rimuoverli tutti dopo il primo .a
.
Altri suggerimenti
Sembra che il tuo HTML non sia corretto. L'ho modificato per quanto segue:
<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>
Allora sembrava funzionare:
jQuery('div#scope div.a').not(':first').empty();
jQuery('div#scope div.b').not(':first').empty();
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow