jQuery .each () con múltiples selectores - omitir, luego .Emty () elementos
-
21-09-2019 - |
Pregunta
Me gustaría eliminar todos los elementos coincidentes, pero omita la primera instancia de cada partido:
// 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>
¿Alguna sugerencia?
- Usando
jQuery()
más bien que$()
Debido al conflicto con el código 'Legacy' - Usando
.empty()
porque.a
contiene js me gustaría deshabilitar - Atascado con jQuery 1.2.3
¡Gracias!
Solución
Prueba esto:
$('.a:gt(0), .b:gt(0)').remove();
No estoy seguro de si combinarlos en un selector es posible con el :gt()
, puede cambiar el alcance y eliminarlos todos después del primero .a
.
Otros consejos
Parece que su HTML es incorrecto. Lo modifiqué a lo siguiente:
<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>
Entonces esto pareció funcionar:
jQuery('div#scope div.a').not(':first').empty();
jQuery('div#scope div.b').not(':first').empty();
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow