按类选择标题元素

Question

我想通过它的类选择一个元素，并将它分配给一个变量，但我希望该元素是一个标题元素。让我解释一下：在任何给定时间，我的页面上都会有这个特定类别的3个元素：<a>，<p>和未知类型的标题元素，例如： <h1>，<h2>等

选择<a>和<p>很简单，即$("a.myclass")，但我不能使用我的标题元素。我需要这样的东西：

var a = $("a.myclass");
var p = $("p.myclass");
var heading = $(some selector to get the heading);

请帮忙！

另外，我知道这个问题的标题不是很好。如果你愿意，请编辑并改写。

Answer 1

您可以使用：标头选择器 - http://api.jquery.com/header-selector/

var header = $(":header");

它将选择所有标题元素，例如h1，h2，h3 ......

如果您只想要具有特定类的标题标记，您也可以将其用作过滤器，例如：

var header = $(".myClass").filter(":header");

Answer 2

此行会抓取h1类的所有h2，h3或myclass：

var h = $('h1.myclass, h2.myclass, h3.myclass');

如果您不确定哪种元素可以替换所有3个电话：

var myclass = $('.myclass');

你也可以遍历所有这些并根据标签名称存储它，如下所示：

var data = [];

$('.myclass').each(function(){
    data[this.tagName] = this;
});
​

Answer 3

使用:header选择器：

var heading = $(":header.myclass");

http://jsfiddle.net/johnkoer/XJrwH/1/