Der CSS-Selektor berücksichtigt keine Groß- / Kleinschreibung für Attribute

Es existiert jetzt auch in CSS4 finden Sie diese Antwort.

Ansonsten für jQuery, die Sie verwenden können,...

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

jsFiddle.

Könnten Sie auch einen benutzerdefinierten Selektor...

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

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

jsFiddle.

Den benutzerdefinierten Selektor ist ein bisschen overkill, wenn dies einmal, aber wenn Sie brauchen, um verwenden Sie es viele Male in Ihrer Anwendung, kann es eine gute Idee.

Update

Ist es möglich, so eine Art custom-Selektor für jedes Attribut?

Sicher, überprüfen Sie heraus das folgende Beispiel. Es ist ein wenig verworren (syntax wie :input[value:toLowerCase="search"] Mai wurden mehr intuitiv), aber es funktioniert 🙂

$.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.

Könnten Sie wahrscheinlich verwenden eval() zu machen, dass ein string ein array, aber ich finde es wesentlich angenehmer (und Sie nicht versehentlich ausführen von beliebigen code, den Sie Platz in Ihrem Selektor).

Stattdessen bin ich die Aufteilung der Saiten auf den , Trennzeichen, und dann Strippen Leerzeichen ' und " einer Seite jedes array-Mitglied. Beachten Sie, dass eine , im inneren ein Zitat nicht behandelt werden, buchstäblich. Es gibt keinen Grund, warum man verpflichtet sein sollten wörtlich, aber man konnte immer code gegen diese Möglichkeit. Ich werde verlassen, dass bis zu Ihnen. 🙂

Ich glaube nicht, dass map() hat die besten browser-Unterstützung, so können Sie ausdrücklich Iteration über die args array oder erweitern Sie die Array Objekt.

InformationsquelleAutor der Antwort alex

input[value='Search'] matches
input[value='search' i] Also matches in latest browsers

Unterstützen:
version : Chrom >= 49.0, Firefox (Gecko) >= 47.0, "Safari" >= 9

InformationsquelleAutor der Antwort ankit