Comment rendre les conteneurs jQuery insensibles à la casse, y compris pour jQuery 1.8+ ?

Question

J'essaie d'utiliser le cas "contains" de manière insensible. J'ai essayé d'utiliser la solution à la question suivante de stackoverflow, mais cela n'a pas fonctionné :

Existe-t-il un sélecteur jQuery :contains insensible à la casse ?

Par commodité, la solution est copiée ici :

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

Voici l'erreur :

Error: q is not a function
Source File: /js/jquery-1.4.js?ver=1.4
Line: 81

Voilà où je l'utilise :

  $('input.preset').keyup(function() {
    $(this).next().find("li").removeClass("bold");
    var theMatch = $(this).val();
    if (theMatch.length > 1){
      theMatch = "li:Contains('" + theMatch + "')";
      $(this).next().find(theMatch).addClass("bold");
    }
  });

Dans le même scénario, j'utilise le mot "contains" original, sensible à la casse, sans aucune erreur. Quelqu'un a-t-il une idée ? Je vous en serais reconnaissant.

Answer 1

C'est ce que j'utilise dans un projet en cours, je n'ai eu aucun problème. Voyez si vous avez plus de chance avec ce format :

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

---

Dans la version 1.8 de jQuery, l'API a été modifiée. La version jQuery 1.8+ serait la suivante :

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

Vous pouvez le tester ici . Pour plus de détails sur les sélecteurs personnalisés de la version 1.8+, Consultez le wiki Sizzle ici .

Answer 2

Il est intéressant de noter que la réponse est correcte mais ne couvre que :Contains et non l'alias :contains ce qui pourrait conduire à un comportement inattendu (ou pourrait être utilisé par conception pour des applications avancées qui nécessitent à la fois une recherche sensible et insensible).

Cela pourrait être résolu en dupliquant l'extension de l'alias :

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

J'ai mis du temps à comprendre pourquoi ça ne marchait pas pour moi.

Answer 3

Je ferais quelque chose comme ça

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

Et partir :contains Seul...

DEMO

Alors pourquoi jQuery ne le supporte pas dans sa bibliothèque ?! si c'est si simple...

parce que Votre code passe-t-il le code de la dinde ?

Answer 4

Peut être en retard de .... mais,

Je préfère aller par là

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

De cette façon, vous NE PAS d'altérer la fonction NATIVE de jQuery .contains ... Vous aurez peut-être besoin de la version par défaut plus tard... si vous la modifiez, vous risquez de vous retrouver dans la situation suivante stackOverFlow ...

Answer 5

Je vais me permettre d'ajouter mes amis :

$.expr[":"].containsNoCase = function (el, i, m) { 
    var search = m[3]; 
    if (!search) return false; 
    return eval("/" + search + "/i").test($(el).text()); 
};