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

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 下带有 class .searchEl 的所有元素，即使它们在另一个子元素中, 无需使用 $(".searchEl")?

全局搜索文档

Answer 1

使用 space 而不是 >

   $(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

> 将 select 仅直接 descendants/children。删除 > 到 select 所有后代元素。

$(".parent .searchEl")

您也可以使用find()

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

Answer 3

从您的 select

中删除 >

$(".parent .searchEl").

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

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

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

jQuery find all elements with class beneath parent, even in children elements

javascript

jquery

jquery-selectors