使用Jquery在父div中选择孙子

Question

下面是我正在使用的代码，正如您所看到的，有一个名为“parent”的id和一个名为“grandchilden”的id。我的目标是获得这个div“孙子”的内容。我怎样才能实现它？

我已经尝试了$(this).closest('.grandchildren')，但没有用。

<div id="parent">
  <a href="#">
    <div>
      <p id="grandchildren">
        This is a content
      </p>
    </div>
  </a>
</div>

Answer 1

如果您在该div上有ID，则可以使用$('#grandchildren').html()

如果您没有ID，那么模式是什么？ div > a > div > p？在这种情况下，您可以使用：

$('div#parent > a > div > p').html();

演示here

如果您只需要使用.text()代替.html()

，请注意.text()和.html()之间的区别

如果您有this之类的引用，则可以使用find向下搜索，并将所选元素作为起点：

$(this).find('.someClass')

Answer 2

$('#parent').find('#grandchildren').text();