jQuery遍历多维数组

Question

我试图遍历多维数组。 我想在数组中的div之一中删除类“列表”。 但是在我的网站上，此类的类可能不止一个div。

所以我试图用两个for循环来解决这个问题，但是我发现它没有用。

 const $lists = [ $('.first'), $('.third') ]; var i, j; for (i = 0; i < $lists.length; i++) { for (j = 0; j < $lists[i].length; j++){ $lists[i][j].find(.list).removeClass(list); } } 

 .list { background: green; } 

 <div class="first"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="first"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="second"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="third"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> 

我也尝试过CSS和：not []。 但这也不起作用。

。

 .list:not(.first)  {
     border: 3px solid red; }

Answer 1

通过应用jQuery.merge()将选定的div合并为一个，找到包含.list类的所有项，然后将其删除：

如果您只想从第一个和第三个中删除它：

 var $lists = [ $('.first'), $('.third') ]; $($.merge.apply([], $lists)).find('.list').removeClass('list'); 

 .list { background: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="first"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="second"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="third"> <ul class="list"> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> 

Answer 2

 $(document).ready(function(){ $(".second").not(".first, .third").addClass("list") }); 

 .list { background: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="first"> <ul> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="second"> <ul> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div> <div class="third"> <ul> <li>foo</li> <li>fooooo</li> <li>bar</li> </ul> </div>