javascript - jQuery 查找所有类在父类之下的元素，即使在子元素中也是如此

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，我如何搜索和查找元素 .parent 下的类 .searchEl 的所有元素，即使它们在另一个子元素中, 而不是使用 $(".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>