使用jQuery选择器遍历树中的最后一个子元素

Question

<div id="myDIV">
 <div>
  <span>
    <a href="#">Seek me!</a>
  </span>
 </div>
</div>

如何使用jQuery选择器找到 A 标记（不通过children（）循环） 如果我只知道myDIV id。

嗯，这真的听起来有点尴尬。例如，我点击了#myDIV，我需要从最后一个子标签获取文本。它可以是A，span，div，p等等。 myDIV甚至都没有任何子元素。

对不起我的英文

Answer 1

像这样：

$("#myDIV :not(:has(*))")

这将找到所有最后的“叶子”元素，如果需要，可以限制为仅<a>等。对于你的标记：

$("#myDIV :not(:has(*))").text() // "Seek me!"
$("#myDIV :not(:has(*))").length // 1

:empty在这里不起作用（因为它有一个文本节点子节点），但查找没有子元素的内容将here's an example page showing this。

Answer 2

只是$('#myLink')