Supposons que j’ai les éléments ci-dessous:
Comment utiliser jQuery pour sélectionner l’élément div par lequel la classe commence par "tab"
?
C’est ce qu’on appelle l’ atsortingbut commence avec le sélecteur . Mon exemple définit une couleur de texte rouge sur les éléments:
$('[class^="tab"]').css('color', 'red');
jsFiddle Demo
Veuillez noter que si les éléments ont plus d’une classe et que l’autre précède celle avec tab
intérieur ( class="nyedva tab231891230"
), l’élément ne sera pas sélectionné par ce sélecteur.
Si vous voulez même les sélectionner, vous pouvez utiliser cet exemple:
$('.home div').filter(function () { return this.className.match(/\btab/); }).css('color', 'red');
jsFiddle Demo
Si vous avez plusieurs classes dans un même élément, utilisez cette option pour sélectionner
$("[class*='tab']");
Cela fonctionnera avec un élément comme celui-ci
Référence: sélecteur contient-atsortingbut jquery
Vous pouvez le faire comme ça:
$('div[class^="tab"]');
Voir http://api.jquery.com/atsortingbute-starts-with-selector/
pourquoi utiliser ça? ce nombre, vous pouvez l’atsortingbuer à l’atsortingbut rel ou id, comme ceci:
alors il sera accessible à:
$('div.tab').click(yourhandler);
ou même, ajoutez une sous-classe de cette classe “tab” actuelle:
ensuite, il suffit de sélectionner la classe “tab” comme dans l’exemple jQuery ci-dessus et de faire ce que vous voulez avec la deuxième classe (vérifiez si elle est présente, supprimez-la).
vérifier ces:
http://api.jquery.com/class-selector/
http://api.jquery.com/hasClass/