Как удалить сразу несколько объектов из DOM?

148

18 декабря 2019, 00:10

Подскажите, есть ли способ в JQuery удалить через remove() сразу несколько объектов с одним идентификаторам?

<span id="1"></span>
<span id="1"></span>
<span id="2"></span>
<span id="1"></span>

Необходимо удалить все объекты с идентификатором 1.

Answer 1

Удаление по классу. Т.к. id должен быть уникальным всегда.

$("span.1").each(function() { 
  $(this).remove(); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<span class="1">1</span> 
<span class="1">1</span> 
<span class="1">1</span> 
<span class="2">2</span>

Answer 2

$("#delete1").click(function(e){ 
  $("span[id='1']").remove(); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<span id="1">One</span> 
<span id="1">One</span> 
<span id="2">Two</span> 
<span id="1">One</span> 
 
<br/> 
<button id="delete1">Delete 1</button>