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类的所有元素，即使它们在另一个子元素中，也不用全局搜索文档{ {1}}？

Answer 1

使用空格而不是>

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

$(".parent .searchEl")

您也可以使用find()

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

Answer 3

从您的选择

中删除>

$(".parent .searchEl").

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

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

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

3 个答案: