Gibt es eine Groß-und Kleinschreibung jQuery: enthält Selektor?

Question

Gibt es eine case insensitive Version der :contains jQuery-Selektor oder sollte ich die Arbeit manuell durch Schleifen über alle Elemente und Vergleich ihrer. Text() zu meiner Zeichenfolge?

Answer 1

Was ich tun 1.2 für jQuery gelandet ist:

jQuery.extend(
    jQuery.expr[':'], { 
     Contains : "jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0" 
}); 

Diese jquery verlängern wird eine haben: Enthält Selektor, der Groß- und Kleinschreibung ist, die: enthält Selektor unverändert bleibt.

Edit: Für jQuery 1.3 (Danke @ user95227) und später müssen Sie

jQuery.expr[':'].Contains = function(a,i,m){ 
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0; 
}; 

Edit: Zugriff Scheinbar das DOM direkt über

(a.textContent || a.innerText || "") 

statt

jQuery(a).text() 

Im vorherigen Ausdruck beschleunigt es erheblich, also versuchen Sie auf eigene Gefahr wenn Geschwindigkeit ein Problem ist. (Siehe @John ‚s question)

Neueste edit: Für jQuery 1.8 sollte es sein:

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

Answer 2

Wenn jemand (wie ich) interessiert ist, was einen und m [3] bedeutet in Enthält Definition.

---

KEY/Legende: Param in den Selektor Definitionen von jQuery zur Verwendung zur Verfügung gestellt:

r = jQuery Array von Elementen geprüft wird. (Beispiel: r.length = Anzahl der Elemente)

i = Index des Elements zur Zeit unter die Lupe genommen, innerhalb des Arrays r.

ein = Element derzeit in Prüfung. Die Selector-Anweisung muss true zurückgeben, um sie in die übereinstimmenden Ergebnisse aufzunehmen.

m [2] = knotenName oder * nach dem wir suchen (links vom Doppelpunkt).

m [3] = Parameter übergeben in: Selektor (param). In der Regel eine Indexnummer, wie in : nth-of-type (5), oder eine Zeichenfolge, wie in : Farbe (blau).

Answer 3

Ab jQuery 1.3 ist diese Methode veraltet.Um dies zu erhalten, es zu arbeiten, muss als eine Funktion definiert werden:

jQuery.expr[':'].Contains = function(a,i,m){ 
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0; 
}; 

Answer 4

jQuery.expr[':'].contains = function(a,i,m){ 
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0; 
}; 

Der Update-Code funktioniert gut in 1.3, aber „enthält“ soll niedriger Fall sein, auf den ersten Buchstaben im Gegensatz zu dem vorherigen Beispiel.

Answer 5

Um es optional Fall unempfindlich zu machen: http://bugs.jquery.com/ticket/278

$.extend($.expr[':'], { 
    'containsi': function(elem, i, match, array) 
    { 
    return (elem.textContent || elem.innerText || '').toLowerCase() 
    .indexOf((match[3] || "").toLowerCase()) >= 0; 
    } 
}); 

dann :containsi anstelle von :contains

Answer 6

Eine Variante, die etwas schneller auszuführen scheint und das erlaubt auch reguläre Ausdrücke ist:

jQuery.extend (
    jQuery.expr[':'].containsCI = function (a, i, m) { 
     //-- faster than jQuery(a).text() 
     var sText = (a.textContent || a.innerText || "");  
     var zRegExp = new RegExp (m[3], 'i'); 
     return zRegExp.test (sText); 
    } 
); 

---

ist nicht nur die Groß- und Kleinschreibung, aber es ermöglicht eine leistungsstarken Suchanfrage wie:

• $("p:containsCI('\\bup\\b')") (Spiele "Up" oder "nach oben", aber nicht "oberem", "Wake-up", etc.)
• $("p:containsCI('(?:Red|Blue) state')") (Spiele "red state" oder "blue state", aber nicht "Zustand", etc.)
• $("p:containsCI('^\\s*Stocks?')") (Spiele "Lager" oder "Aktien", aber nur zu Beginn der Absatz (Ignorieren eines führenden Leerzeichen).)

Answer 7

In jQuery 1.8 Sie

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

Answer 8

sein kann spät verwenden müssen .... aber,

Ich würde es vorziehen, diesen Weg zu gehen ..

$.extend($.expr[":"], { 
"MyCaseInsensitiveContains": function(elem, i, match, array) { 
return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; 
} 
}); 

Auf diese Weise, Sie NICHT manipulieren mit jQuery NATIVE '.contains' ... Sie benötigen möglicherweise die Standardeinstellung später ... manipuliert, wenn sie mit, könnten Sie sich zurück in Stackoverflow finden ...

Answer 9

Verwenden Sie den folgenden Code zu verwenden „: enthält“ Text finden die Groß- und Kleinschreibung von einem HTML-Code zu ignorieren,

$.expr[":"].contains = $.expr.createPseudo(function(arg) { 
      return function(elem) { 
       return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; 
      }; 
     }); 
     $("#searchTextBox").keypress(function() { 
      if($("#searchTextBox").val().length > 0){ 
      $(".rows").css("display","none"); 
      var userSerarchField = $("#searchTextBox").val(); 
      $(".rows:contains('"+ userSerarchField +"')").css("display","block"); 
      } else { 
      $(".rows").css("display","block"); 
      }    
     }); 

Sie diesen Link nutzen könnten mehr dazu zu finden, Use jQuery to search HTML text and show or hide accordingly

Sie auch diesen Link Code finden Fall können igonring auf der Grundlage Ihrer jquery Version, Make jQuery :contains Case-Insensitive

Answer 10

Ich hatte ein ähnliches Problem mit den folgenden nicht funktioniert ...

// This doesn't catch flac or Flac 
$('div.story span.Quality:not(:contains("FLAC"))').css("background-color", 'yellow'); 

Dies funktioniert und ohne die Notwendigkeit einer Erweiterung

$('div.story span.Quality:not([data*="flac"])').css("background-color", 'yellow'); 

Dies funktioniert auch, aber wahrscheinlich fällt in die "manuell Looping" Kategorie ....

$('div.story span.Quality').contents().filter(function() 
{ 
    return !/flac/i.test(this.nodeValue); 
}).parent().css("background-color", 'yellow');