Question

我对jQuery完全陌生，所以我可能会在这里错过一些东西。让我们说html看起来像这样：

<div class = "parent">
  <div class = "child">
    <div class = "message">
      text
    </div>
  </div>
  <div class = "child">
    <div class = "message">
      text
    </div>
    <div class = "message">
      text
    </div>
    <div class = "message">
      text
    </div>
  </div>
  <div class = "child">
    <div class = "message">
      text
    </div>
    <div class = "message">
      text
    </div>
  </div>
</div>

我希望能够访问每条＆＃34;消息＆＃34;在孩子的范围内的div＆＃34; div，而不是仅使用它来遍历每个＆＃34;消息＆＃34; class element：

$('.message').each(function(index, e) {});

我知道我可以使用它来获取每个jquery对象，但是希望过滤使用上面的代码来获取其父类范围内的每个文本。

var message = $('.child');

Answer 1

使用$(PARENT CHILD)选择器（它们之间的空格）

console.log($('.child .message').get())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="parent">
  <div class="child">
    <div class="message">
      text
    </div>
  </div>
  <div class="child">
    <div class="message">
      text
    </div>
    <div class="message">
      text
    </div>
    <div class="message">
      text
    </div>
  </div>
  <div class="child">
    <div class="message">
      text
    </div>
    <div class="message">
      text
    </div>
  </div>
</div>

有没有办法让我在元素的子元素上运行jquery函数？

1 个答案: