jQuery - Plusieurs sélecteurs dans un :not()?

Question

Je n'arrive pas à faire fonctionner les éléments suivants :

 $('input:not([type=radio][type=checkbox])').live('click', function() {
    alert("You haven't clicked a radio or checkbox!");
});

J'ai essayé quelques syntaxes différentes, quelqu'un peut-il m'aider sur celui-ci.

À votre santé Charlie

Answer 1

Vous confondez le sélecteur multiple avec le sélecteur d'attributs multiples . Vous devez écrire :

 $("input:not([type=radio], [type=checkbox])");

Le sélecteur d'attributs multiples [type=radio][type=checkbox] correspond aux éléments dont les type sont égaux à la fois à radio et à checkbox , ce qui ne peut pas se produire dans cet univers.

Answer 2

La syntaxe à l'intérieur de not() est identique à la syntaxe de sélecteur normale, donc si vous voulez faire correspondre des choses qui ne sont pas l'une de ces choses, vous utilisez un sélecteur dans le not qui correspondrait aux deux (puisqu'essentiellement vous' nier le sélecteur). Comment tu fais ça? De la même manière que vous appliquez des styles à plusieurs sélecteurs à la fois en CSS, avec une virgule, ainsi :

 $('input:not([type=radio],[type=checkbox])')

Cela devrait sélectionner toutes les entrées non [type=radio] et non [type=checkbox]

Answer 3

Vous pouvez également exclure des éléments comme celui-ci :

 $('input').not('[type=radio], [type=checkbox]').live('click', function() {
    alert("You haven't clicked a radio or checkbox!");
});