jquery - 为什么我的选择器不起作用？文本（）返回空

Question

我的 html

<ul>
<li><a href="#"><span>item1</span></a></li>
<li><a href="#"><span>item2</span></a></li>
</ul>

我的选择器

var itemName = $('ul li').closest('a').find('span').text();

它什么也不返回..我希望它与点击事件绑定..

Answer 1

.closest()用于查找祖先元素，而不是后代元素。使用.find()：

$('ul li:first').find('a span').text();

演示：小提琴

Answer 2

.closest()找到最近的祖先。您可以使用：

var itemName = $('ul li a span').text();

如果要将某些内容绑定到单击事件，可以使用：

$('ul li a span').on("click", function() {
    // do the action
});