使用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();

在這里演示

請注意.text（）和.html（）之間的區別，如果你只需要使用.text()代替.html()

如果你有這樣一個參考this ，你可以使用find ，其搜索向下，與作為起點選定的元素：

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

Answer 2

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