Question

我想找到具有特定类名的所有div。可能是一个div有嵌套div与父div类名。假设这个例子：

<div class="myForm">
   <div class ="myDiv">
     <div class ="myDiv">
     </div> 
   </div> 
   <div class ="myDiv">
     <div class ="myDiv">
     </div> 
   </div> 
</div>

实际上我想找到所有带有“myDiv”类名的div，并且还能识别嵌套的div。在上面的例子中，有2到4个是嵌套的。

Answer 1

您可以使用>，直接子选择器

$('.myForm > .myDiv')

或

$('.myDiv').parent('.mydiv')

或

$('.myForm').children('.myDiv')

Answer 2

您可以在元素选择器中使用＆gt; 运算符，例如

$('.myForm > .myDiv').child('.myDiv');

Answer 3

试试这个：

适用于所有myDiv's：

$('.myDiv')

仅适用于所有嵌套myDiv's：

$('.myDiv .myDiv')

仅限主要的“myDiv”，不包括嵌套的myDiv：

$(".myDiv").not(".myDiv .myDiv")

查看 DEMO

Answer 4

试试这个

var element = $(".myForm").find(".myDiv");

Answer 5

我认为答案还会提到为儿童设置多余的班级名称是不好的做法，应该避免使用。

<div class="myForm">
   <div class ="myDiv">
     <div>
     </div> 
   </div> 
   <div class ="myDiv">
     <div>
     </div> 
   </div> 
</div>

查询子项，例如$('.myDiv, .myDiv > div')或为嵌套的div创建单独的类名。

如何在jquery中找到具有相同类名的嵌套div？

5 个答案: