Heim  >  Artikel  >  Web-Frontend  >  Der JQuery-Selektor erhält die gemeinsame Nutzung der ID-Instanz über den Klassennamen

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

小云云
小云云Original
2018-02-28 11:23:012496Durchsuche

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 = $(&#39;.car.bus&#39;); // 注意没有空格!
// 符合条件的节点:
// <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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn