0

下面是我正在使用的代码，如您所见，有一个名为“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>
4

2 回答 2

2

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

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

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

演示在这里

请注意.text()和.html()之间的区别，如果您只需要使用文本.text()而不是.html()

如果你有一个参考，this你可以使用findwhich 向下搜索，以所选元素为起点：

$(this).find('.someClass')
于 2013-09-28T23:58:14.870 回答
0 
$('#parent').find('#grandchildren').text();
于 2013-09-28T23:58:00.763 回答