为什么我的选择器不起作用？ text（）返回null

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

它什么也没有返回..我希望它与click事件绑定..

Answer 1

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

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

演示：Fiddle

Answer 2

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

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

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

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