javascript - クラスごとに見出し要素を選択

Question

クラスごとに要素を選択して変数に代入したいのですが、その要素を見出し要素にしたいです。説明させてください：いつでも、ページにはこの特定のクラスを持つ正確に 3 つの要素が<a>あり<p>ます。<h1><h2>

<a>andを選択するの<p>は簡単$("a.myclass")ですが、見出し要素ではそれができません。私はこのようなものが必要です:

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

助けてください！

また、この質問のタイトルが良くないことも承知しています。もしよろしければ編集して書き直してください。

score 4 · Accepted Answer

:header セレクターを使用できます - http://api.jquery.com/header-selector/

var header = $(":header");

h1、h2、h3など、すべてのヘッダー要素が選択されます...

特定のクラスのヘッダータグのみが必要な場合は、これをフィルターとして使用することもできます。次に例を示します。

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

score 0 · Accepted Answer

：headerセレクターを使用します。

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

score 0 · Accepted Answer

この行は、、、またはクラスを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;
});

3 に答える 3