sélecteur CSS qui se termine par quelque chose et ne contient quelque chose

Question

Je dois trouver des <a> balises, qui se termine par son href 'pdf' et ne contient'test'.

comme ceci;

<a href="/abc/tes.pdf">link</a> 

Tout ce que je sais est la première condition;

jQuery('a[href$=".pdf"]') 

Apprenez-moi le reste.

Merci.

Answer 1

jQuery('a[href!="test"][href$=".pdf"]'); 

Ou mieux:

jQuery('a[href$=".pdf"]').not('[href="test"]'); 

Et voici la raison:

Parce que [! Name = "valeur"] est une extension jQuery et ne fait pas partie de la spécification CSS , les requêtes utilisant [name! = "value"] ne peuvent pas tirer parti de l'amélioration des performances fournie par la méthode DOM querySelectorAll native() . Pour de meilleures performances dans les navigateurs modernes, utilisez plutôt $ ("your-pure-css-selector"). Not ('[nom = "valeur"]') à la place.

EDIT: Le "meilleur" peut ne pas être correcte ici, [valeur $ = "nom"] ne CSS2 sélecteur pur non plus, mais la documentation jQuery ne mentionne pas. Des recherches supplémentaires sont nécessaires ici ...

EDIT 2: Il semble que je n'ai pas réfléchi à cela. Ce que vous voulez sans doute est:

jQuery('a[href$=".pdf"]').not('a[href*="test"]'); 

qui se lit comme suit: sélectionner tous les éléments qui ont ahref attribut qui se termine par « .pdf » mais ne pas sélectionner a éléments qui ont « test » comme une sous-chaîne partout dans href attribut.

http://api.jquery.com/category/selectors/