Heim > Artikel > Web-Frontend > 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.
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>
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>
$(".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>
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!