Question

我有以下元素结构：

<div class="main">
    <div class="list-elements">
        <div class="element-item">Element 1</div>
        <div class="element-item active">Element 2</div>
        <div class="element-item">Element 3</div>
        <div class="element-item active">Element 4</div>
    </div>
    <div class="another-elements">
        <div class="element-item active">Element 1</div>
        <div class="element-item">Element 2</div>
        <div class="element-item">Element 3</div>
    </div>
</div>

我只需要获取元素.main > .list-elements > .element-item.active。

我未能成功尝试以下代码：

$(".main").find(".list-elements .element-item.active");

Answer 1

问题是你只是试图使用collection of elements抓取.find()而没有做任何事情，这就是为什么你混淆了你的代码无效的原因。

您必须通过collection of elements获取一些数据，然后您就会知道您的代码运行正常。

工作代码段： -

$(document).ready(function(){
  $(".main").find(".list-elements .element-item.active").each(function(){
    console.log($(this).text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
  <div class="list-elements">
      <div class="element-item">Element 1</div>
      <div class="element-item active">Element 2</div>
      <div class="element-item">Element 3</div>
      <div class="element-item active">Element 4</div>
  </div>
  <div class="another-elements">
      <div class="element-item active">Element 1</div>
      <div class="element-item">Element 2</div>
      <div class="element-item">Element 3</div>
  </div>
</div>

在jQuery中查找另一个子元素中的子元素

1 个答案: