使用jquery查找最后一个标题元素

Question

如何使用：header找到Header 3 注意：它可能是h1或h2或h3，因为这些标签是动态创建的，需要使用标头。

 <h1>Header 1</h1>
 <p>Contents 1</p>
 <h1>Header 2</h1>
 <p>Contents 2</p>
 <h1>Header 3</h1>
 <p>Contents 2</p>


 $( ":header" ).css({ background: "#ccc", color: "blue" });

Answer 1

$(":header:last").css({ background: "#ccc", color: "blue" });

这将为您选择整个页面中存在的最后一个:header标记，并将您的CSS应用于该标记。

您可以通过后缀:last任何选择器（在本例中为:header）来通过CSS完成此操作。或者你可以使用内置函数.last()

通过jQuery完成

$(":header").last().css({ background: "#ccc", color: "blue" });

Answer 2

使用.last()

 $( ":header" ).last().css({ background: "#ccc", color: "blue" });

JS Fiddle

Answer 3

Demo

使用 :last 选择器。

$(':header:last').css({ background: "#ccc", color: "blue" });

替代方案：.last()

$(':header').last().css({ background: "#ccc", color: "blue" });