Sélectionnez un élément lorsque le nom de la classe commence par un certain mot

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/

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/