jQuery在parent下面找到所有类的元素,即使在children元素中也是如此

Question

这是一些示例HTML:

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

这是一个jQuery函数:

$(function(){
    $(".parent>.searchEl").each(function(){
        $(this).html("Found this one");
    });
});

DOM元素最终将如下所示:

<div class="parent">
    <div class="searchEl">Found this one</div>
    <div class="searchEl">Found this one</div>
    <div class="child">
        <div class="searchEl"></div>
        <div class="searchEl"></div>
    </div>
</div>

使用jQuery/Javascript,我如何搜索和查找元素.searchEl下面的所有元素.parent,即使它们在另一个子元素中,而不是全局搜索文档$(".searchEl")？

Answer 1

使用空格而不是 >

   $(function() {
     $(".parent .searchEl").each(function() {
       $(this).html("Found this one");
     });
   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="parent">
  <div class="searchEl"></div>
  <div class="searchEl"></div>
  <div class="child">
    <div class="searchEl"></div>
    <div class="searchEl"></div>
  </div>
</div>

Answer 2

>从您的选择中删除

$(".parent .searchEl").

您也可以使用该.find()方法，

$(".parent").find(".searchEl")

Answer 3

>将只选择直系后代/孩子。删除>以选择所有后代元素。

$(".parent .searchEl")

你也可以使用 find()

$(".parent").find(".searchEl")