Sélecteur CSS insensible à la casse pour les attributs

Il existe maintenant en CSS4, voir cette réponse .

Sinon, pour jQuery, vous pouvez utiliser...

$(':input[name]').filter(function() {
   return this.value.toLowerCase() == 'search';
});

JsFiddle.

Vous pouvez également créer un sélecteur personnalisé...

$.expr[':'].valueCaseInsensitive = function(node, stackIndex, properties){
     return node.value.toLowerCase() == properties[3];
};

var searchInputs = $(':input:valueCaseInsensitive("Search")');

JsFiddle.

Le sélecteur personnalisé est un peu exagéré si vous le faites une fois, mais si vous devez l'utiliser plusieurs fois dans votre application, cela peut être une bonne idée.

Mettre à jour

Est-il possible d'avoir ce type de sélecteur personnalisé pour n'importe quel attribut?

Bien sûr, consultez l'exemple suivant. C'est un peu compliqué (la syntaxe telle que :input[value:toLowerCase="search"] a peut-être été plus intuitive), mais ça marche :)

$.expr[':'].attrCaseInsensitive = function(node, stackIndex, properties){
    var args = properties[3].split(',').map(function(arg) {
        return arg.replace(/^\s*["']|["']\s*$/g, '');  
    });
    return $(node).attr(args[0]).toLowerCase() == args[1];
};

var searchInputs = $('input:attrCaseInsensitive(value, "search")');

JsFiddle.

Vous pourriez probablement utiliser eval() pour faire de cette chaîne Un tableau, mais je trouve le faire de cette façon plus confortable (et vous n'exécuterez accidentellement aucun code que vous placez dans votre sélecteur).

Au lieu de cela, je divise la chaîne sur , délimiteur, puis décapage les espaces, ' et ", de chaque côté de chaque membre du groupe. Notez qu'un , à l'intérieur d'une citation ne sera pas traitée littéralement. Il n'y a aucune raison d'être nécessaire littéralement, mais vous pouvez toujours coder contre cette possibilité. Je vais laisser ça à vous. :)

Je ne pense pas map() a le meilleur support du navigateur, de sorte que vous pouvez explicitement itérer sur le tableau args ou augmenter l'objet Array .