Le sélecteur Jquery obtient le partage d'instance d'ID via le nom de la classe

Cet article partage principalement avec vous le sélecteur Jquery pour obtenir des instances d'ID via les noms de classe. J'espère qu'il pourra aider tout le monde.

Obtenir par nom de classe

Rechercher par classe Veuillez ajouter un avant le nom de classe :

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

Rechercher des objets contenant plusieurs noms de classe en même temps, tels que "voiture" et "bus"

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

Obtenir l'ID de p via son nom de classe

Parfois, nous savons seulement que le nom de classe de p contient l'un des noms et voulons obtenir il id.

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

Obtenez la classe de p via le nom d'identification de p

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

Obtenez l'ID du nœud de sous-ensemble sous p via le nom de classe de p

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

Obtenez l'ID du nœud homologue sous p via le nom de classe de p

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

Recommandations associées :

Explication détaillée du sélecteur jQuery Comment gérer les symboles spéciaux

Explication détaillée de la pratique du sélecteur jquery

Exemple de partage du sélecteur jQuery sur le sélecteur de filtre d'attribut

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!