jQuery从h1中选择最后一个跨度

Question

如何从h1元素中选择最后一个跨度？

<h1>
    <a href="#">
        <span>Stackoverflow</span>
        <span>This is the text what I want to hide</span>
        <img src="gif.gif">
    </a>
</h1>

我尝试了什么，但没有工作：

$("h1").each(function() {
    $(this).last("span").hide();  
});

Answer 1

您可以只使用一个选择器：$("h1 span:last").hide();这会从页面上的最后一个span中删除最后一个h1。小提琴：http://jsfiddle.net/zRrVE/。

但是，如果您希望从中移除<h1>多个span:last元素，则必须使用jQuery的.each()函数，如下所示：

$("h1").each(function() {
    $(this).find("span:last").hide();  
});

小提琴：http://jsfiddle.net/zRrVE/2/

Answer 2

您只能使用一行

$("h1 span:last").hide();

或

$("h1").find("span:last").hide();

Answer 3

试试这个

$("h1").each(function() { $(this).find("span:last").hide();
});