jquery获取 child 的 child 的 child

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 11 年前。

好吧，这可能有点基础。 HTML 是:

<div class="parents-of-all">
<p>
    <a>
        <span class="thechild">Something</span>
    </a>
</p>

jquery 是

$('.parents-of-all').click(function(){
    alert($(this).find('span').attr('class'));
});

但不知怎的，它不起作用。在这里测试一下:

http://jsfiddle.net/3zn7e/1/

我的问题是如何遍历到跨度？我通常的做法是

$(this).children().children().children().attr('class');

我确信还有比这更短的方法，使用 find() 就是其中之一，但我似乎无法使其工作。

非常感谢!

编辑:呃!显然我忘记了。对于所有 DOM 选择器的父级。有时，最简单的错误就在你的面前。

但是，使用 find() 和多个 child() 之间有什么区别吗？我发现使用多个children()可以确保更准确的遍历，因为我们可以根据需要添加元素选择器，但是还有其他主要区别吗？

Answer 1

您缺少类选择器中的点:

$('.parents-of-all').click(function(){
    alert($(this).find('span').attr('class'));
});

http://jsfiddle.net/BoltClock/3zn7e/2