ホームページ >ウェブフロントエンド >htmlチュートリアル >Jqueryセレクターはクラス名を通じてIDインスタンス共有を取得します

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

小云云
小云云オリジナル
2018-02-28 11:23:012522ブラウズ

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

クラス名で取得

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

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

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

var a = $(&#39;.car.bus&#39;); // 注意没有空格!
// 符合条件的节点:
// <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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。