在UL jQuery中隐藏除first之外的所有LI实例

Question

我在我的HTMLstatus-list中有100个此类实例。我想用这个类循环遍历所有的UL元素，并隐藏除第一个之外的所有嵌套列表项。如何使用jQuery实现这一点?

我已经尝试了以下操作，但是收到了这个错误:

[0]。兄妹不是一个函数

$('.status-list').each(function(i, obj) {
($(this)[0]).siblings().hide();
});

我意识到上面的代码会隐藏ul下的所有对象，但是我正在努力仅仅能够隐藏兄弟元素。

Answer 1

你应该使用css选择器

$('.status-list').each(function() {
$(this).children("li:not(:first-child)").hide();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="status-list">
<li>list 11</li>
<li>list 12</li>
<li>list 13</li>
<li>list 14</li>
<li>list 15</li>
<li>list 16</li>
</ul>
<ul class="status-list">
<li>list 21</li>
<li>list 22</li>
<li>list 23</li>
<li>list 24</li>
<li>list 25</li>
<li>list 26</li>
</ul>