ホームページ > 記事 > ウェブフロントエンド > 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 のクラス名に名前の 1 つが含まれていることしかわかっていないため、その ID を取得したいことがあります。
$(".tab-pane.active").attr("id") // 符合条件的结果: one // <p class="tab-pane bus active" id="one">...</p>
$(".tab-pane.active").attr("id") $("p #hrefMenu0").attr("class") // 符合条件的结果: tab-pane bus active // <p class="tab-pane bus active" id="hrefMenu0">...</p>
$(".tab-pane.active").children().attr("id")// 获取到以下两个id:content,page<p class="tab-pane active"> <p id="content"></p> <ul id="page"></ul> </p>
$(".tab-pane.active").next().attr("id")// 获取到以下id:content<p class="tab-pane active"> </p> <p id="content"></p>
のクラス名を通してpの下のピアノードのIDを取得 関連する推奨事項:
jQuery セレクターの属性フィルター セレクターの例の共有
以上がJqueryセレクターはクラス名を通じてIDインスタンス共有を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。