jquery - 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();中删除最后一个。小提琴：http: //jsfiddle.net/zRrVE/。 但是，如果您有多个要从中删除的元素，则必须使用 jQuery 的函数，如下所示：spanh1

<h1>span:last.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();
});