Der JQuery-Selektor erhält die gemeinsame Nutzung der ID-Instanz über den Klassennamen

Dieser Artikel stellt Ihnen hauptsächlich den Jquery-Selektor zum Abrufen von ID-Instanzen über Klassennamen vor. Ich hoffe, er kann Ihnen helfen.

Nach Klassennamen suchen

Bitte fügen Sie vor dem Klassennamen ein hinzu:

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

Suchen Sie nach Objekten, die mehrere Klassennamen gleichzeitig enthalten. wie „Auto“ und „Bus“

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

Ermitteln Sie die ID von p über seinen Klassennamen

Manchmal wissen wir nur, dass der Klassenname von p einen der Namen enthält und erhalten möchte it id.

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

Erhalten Sie die Klasse von p über den ID-Namen von p

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

Erhalten Sie die ID des Teilmengenknotens unter p über den Klassennamen von p

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

Ermitteln Sie die ID des Peer-Knotens unter p über den Klassennamen von p

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

Verwandte Empfehlungen:

Detaillierte Erläuterung des jQuery-Selektors Umgang mit Sonderzeichen

Ausführliche Erläuterung der JQuery-Selektorpraxis

Beispielfreigabe des JQuery-Selektors zum Attributfilter-Selektor

Das obige ist der detaillierte Inhalt vonDer JQuery-Selektor erhält die gemeinsame Nutzung der ID-Instanz über den Klassennamen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!