Question

尝试删除特定div的特定HTML节点。如果有多个.widget-content li.lists（将有鬃毛列表项），请删除所有li.lists，但不要删除第一个孩子li.lists:first-child，意味着保持第一个孩子。

HTML：

<div class="wrapper delete">

<div class="widget-content">
<ul>
<li class="lists"> 
    Content First
</li>
<li class="lists"> <!-- Delete this-->
    Content second
</li>
<li class="lists"> <!-- Delete this-->
    Content third
</li>
</ul>
</div>

</div>

jQuery的：

$('.widget-content li').not(':first-child').remove();

我使用过这个jQuery，但是我想通过if语句有条件地做这个。表示如果有多个li:lists，则删除所有li:lists而不删除第一个列表li.lists:first-child。

注意：希望通过If语句。

JS Fiddle

Example

Answer 1

您可以使用：

$('.widget-content ul li').first().siblings().remove();

或

$('.lists').first().siblings().remove();

Answer 2

    $(document).ready(function() {
    var numItems = $(".widget-content li").length; //or whatever class/id you want to count
   if (numItems > 1){
       $('.widget-content li').not(':first-child').remove();
   }
});

小提琴：http://jsfiddle.net/qwc6h1y2/7/

有条件地删除JS

2 个答案: