jQuery找到所有在父元素下的类元素，甚至在子元素中答案

【问题标题】：jQuery find all elements with class beneath parent, even in children elementsjQuery找到所有在父元素下的类元素，甚至在子元素中
【发布时间】：2015-07-14 22:07:39
【问题描述】：

这里是一些示例 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 的元素，即使它们位于另一个子元素中？

【问题讨论】：

标签： javascript jquery jquery-selectors

【解决方案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>

【讨论】：

【解决方案2】：

从您的选择中删除 >

$(".parent .searchEl").

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

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

【讨论】：

【解决方案3】：

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

$(".parent .searchEl")

你也可以使用find()

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

【讨论】：