Jqueryセレクターはクラス名を通じてIDインスタンス共有を取得します

この記事では主に、クラス名を通じて ID インスタンスを取得するための Jquery セレクターについて説明します。

クラス名で取得

クラス名の前に . を追加してください:

var a = $('.red'); // 所有节点包含 `class="red"` 都将返回
// 例如:
// <p class="red">...</p>
// <p class="green red">...</p>

「車」と「バス」など、同時に複数のクラス名を含むオブジェクトを検索します。 time

var a = $('.car.bus'); // 注意没有空格！
// 符合条件的节点：
// <p class="car bus">...</p>
// <p class="blue bus car">...</p>

p のクラスによって名前によって p の ID を取得します

場合によっては、p のクラス名に名前の 1 つが含まれていることしかわかっていないため、その ID を取得したいことがあります。

$(".tab-pane.active").attr("id")
// 符合条件的结果：
one
// <p class="tab-pane bus active" id="one">...</p>

ID を通じて p のクラスを取得するp

$(".tab-pane.active").attr("id")
$("p #hrefMenu0").attr("class")
// 符合条件的结果：
tab-pane bus active
// <p class="tab-pane bus active" id="hrefMenu0">...</p>

の名前 pのクラス名によって p

$(".tab-pane.active").children().attr("id")// 获取到以下两个id:content，page<p class="tab-pane active">
      <p id="content"></p>
      <ul id="page"></ul>
</p>

の下のサブセットノードのIDを取得 p

$(".tab-pane.active").next().attr("id")// 获取到以下id:content<p class="tab-pane active">
</p>
 <p id="content"></p>

のクラス名を通してpの下のピアノードのIDを取得 関連する推奨事項:

説明jQuery セレクターでの特殊記号の扱い方

jQuery セレクターの実践の詳細な説明

jQuery セレクターの属性フィルター セレクターの例の共有

以上がJqueryセレクターはクラス名を通じてIDインスタンス共有を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。