Groß- / Kleinschreibung-abhängiger jQuery-Attributselektor

Bin ich wie folgt mit dem Attribut enthält selector $('[Attribut*=Wert]')

<input name="man-news">
<input name="milkMan">

<script>    
    $( "input[name*='man']").css("background-color:black");
</script>

Dies funktioniert für die 1. Eingabe, nicht aber den zweiten Eingang als "Mann" hat eine Hauptstadt "M"

Wie kann ich $( "input[name*='man']") eine groß-und Kleinschreibung selector?

Kommentar zu dem Problem
mögliche Duplikate von CSS-selector-groß-und Kleinschreibung für Attribute Kommentarautor: falinsky
Möglich, Duplikat der Case-unempfindlich Attribut-Wert-Selektor mit Jquery Kommentarautor: 200_success

InformationsquelleAutor der Frage gshaffer | 2013-10-19

  1. 32

    Können Sie immer .filter():

    var mans = $('input').filter(function() {
    return $(this).attr('name').toLowerCase().indexOf('man') > -1;
});

mans.css('background-color', 'black');

    Den wichtigsten Teil hier ist toLowerCase() die Kleinbuchstaben der name - Attribut, so dass Sie es testen, mit der man.

    InformationsquelleAutor der Antwort Bojangles

  2. 40

    Der einfachste Weg, dies zu tun ist das hinzufügen von ein Fall Unempfindlichkeit flag 'ich' innerhalb der regex-Teil des Selektors:

    Also statt

    $( "input[name*='man']")

    Könnten Sie tun,

    $( "input[name*='man' i]")

    JS fiddle: https://jsfiddle.net/uoxvwxd1/3/

    InformationsquelleAutor der Antwort araneae

  3. 2
    var control = $('input').filter(function() {
    return /*REGEX_VALUE*/i.test($(this).attr('id'));
});

    *REGEX_VALUE* - der Wert, den Sie finden möchten

    Landete ich mit regex zu validieren, ob das Attribut 'ID' zu befriedigen... regex ist viel flexibler, wenn Sie wollen zu finden einem bestimmten matching-Wert oder die Werte, case-sensitive oder unempfindlich oder eine bestimmte Reihe von Werten,...

    InformationsquelleAutor der Antwort Juvil

  4. 1

    Ich war nur in der Lage, Sie zu ignorieren jQuery Fall sensetivity insgesamt zu erreichen, was will ich mit folgenden code,

                $.expr[":"].contains = $.expr.createPseudo(function(arg) {
            return function( elem ) {
                return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
            };
        });

    Können Sie diesen link benutzen, um nach code zu suchen, basierend auf Ihre jQuery-Versionen
    https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/

    Außerdem gibt es diese Artikel, in denen es zu viele gute Sachen mit jquery: http://www.ultechspot.com/jquery/using-jquery-search-html-text-and-show-or-hide-accordingly

    InformationsquelleAutor der Antwort Umesh Patil

  5. 0

    Dies funktioniert für mich mit jQuery und wenn ich hinzufügen Element, um eine Tabelle 

        //check if item already exists in table
    var inputValue = $('#input').val(); //input
    var checkitem = $('#exampleTable td.value div.editable').filter(function() {

        //check each table's editable div matches the input value in lowercase 
        if ($(this).text().toLowerCase() === inputValue.toLowerCase()) {
            itemexists = true; 
        }   
    });

    if (itemexists) {
        alert("item exists in the table");
        return;
    }

    InformationsquelleAutor der Antwort S.shaikh

Schreibe einen Kommentar