JQuery：如何删除除第一个包含子字符串之外的所有div元素作为＆＃39; id＆＃39;标签？

Question

我有几个div元素，其ID为＆＃39; name_a_1＆＃39;，＆＃39; name_a_2＆＃39;，＆＃39; name_b_3＆＃39;等等。我想删除除名字之外的所有div，它从＆name; a _＆＃39;使用JQuery还是普通的JS？

我成功尝试通过遵循JQuery访问第一个和最后一个元素，但是如何访问除第一个之外的所有元素？

$('[id^="name_a_"]').first()
$('[id^="name_a_"]').last()

Answer 1

您可以使用组合:not()和:first选择器来定位除第一个之外的所有元素。

$('[id^="name_a_"]:not(:first)').remove()

或，:gt(index)选择器

  

选择匹配集中索引大于索引的所有元素。

$('[id^="name_a_"]:gt(0)').remove()

要检查元素是否具有值，可以使用.filter()

var hasValue = $('[id^="name_a_"]').filter(function(){
    return $(this).val().trim() !== '';
}).length > 0;

Answer 2

使用Array.prototype.slice获取除第一个之外的所有匹配元素的简单JS示例。

＆＃13;

＆＃13;

Array.prototype.slice.call(document.querySelectorAll('[id^="name_a_"]'), 1)
    .forEach(elt => elt.parentNode.removeChild(elt))

＆＃13;

<ul>
<li id="name_a_1">name_a_1</li>
<li id="name_a_2">name_a_2</li>
<li id="name_a_3">name_a_3</li>
<li id="name_a_4">name_a_4</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您还可以使用.not排除第一个div：

$('div[id^=name_a]').not(':eq(0)').remove();