Jquery选择所有div,除了一个具有特定类的div

v6ylcynt  于 2023-11-17  发布在  jQuery
关注(0)|答案(1)|浏览(98)

我有3个div.其中一个div有一个类- .hidden

<div class="parent">
   <div class="child">
     ...
   </div>

   <div class="child hidden">
     ...
   </div>

   <div class="child">
     ...
   </div>
</div>

字符串
我想只选择没有.hidden类的div
以下是我对jquery的了解:

let parent = $('.parent');
var f = parent.find('.child');


但不幸的是,它选择了所有div(包括带有.hidden类的div)。

vpfxa7rd

vpfxa7rd1#

您需要not():not() selector

let parent = $('.parent');
var f = parent.find('.child').not('.hidden');
var f2 = parent.find('.child:not(.hidden)'); // same as using not();

// test 
$(f).addClass('test');
$(f2).addClass('test2');
.test { border: 1px solid red }
.test2 { color: red }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
   <div class="child">
     ...
   </div>

   <div class="child hidden">
     ...
   </div>

   <div class="child">
     ...
   </div>
</div>

相关问题