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

我想找到所有具有特定类名的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个是嵌套的

试试这个：

对于所有

myDiv的
：

$('.myDiv')

仅适用于所有嵌套的
myDiv
：

$('.myDiv .myDiv')

仅适用于不包括嵌套myDiv的主“myDiv”：

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

查看此
试试这个

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

您可以使用直接子选择器

$('.myForm > .myDiv')

或

或

我想一个答案也会提到，为孩子们设置多余的类名是不好的做法，应该避免

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



查询子项，如，
$（'.myDiv，.myDiv>div'）
或为嵌套的div创建单独的类名。
您可以在元素选择器中使用运算符，如


$（'.myForm>.myDiv'）.child（'.myDiv'）使用$（'.myDiv'）选择器。例如：$（'.myDiv'）.remove（），它将删除myDiv类中的所有div。如果myDiv是父myDiv的唯一子级，则为子级使用该类名是多余的。您可以使用myDiv类从父元素查询子元素。为什么要向下投票，请发表评论并让我知道问题？
$('.myForm').children('.myDiv')

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