¿Cómo hago que jQuery contiene mayúsculas y minúsculas, incluido jQuery 1.8+?

Question

Estoy tratando de utilizar el "contiene" caso de forma insensible. He intentado utilizar la solución en la siguiente pregunta StackOverflow, pero no funcionó:

Is there a case insensitive jQuery :contains selector?

Para mayor comodidad, la solución se copia aquí:

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

Aquí está el error :

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

Aquí es donde yo estoy usando:

$('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"); 
    } 
    }); 

Mi uso de la caja de origen sensible "contiene" en el mismo escenario funciona sin errores. ¿Alguien tiene alguna idea? Lo apreciaría.

Answer 1

Esto es lo que estoy usando en un proyecto actual, no he tenido ningún problema. Ver si tiene más suerte con este formato:

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

---

En jQuery 1.8 del API para esto cambió, la versión de jQuery 1.8+ esto sería:

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

You can test it out here. Para más detalles sobre 1.8+ selectores personalizados, check out the Sizzle wiki here.

Answer 2

Vale la pena señalar que la respuesta es correcta, pero solo cubre :Contains, y no el alias :contains que podría conducir a un comportamiento inesperado (o podría ser utilizado por diseño para aplicaciones avanzadas que requieren una búsqueda sensible e insensible).

Esto podría resolverse mediante la duplicación de la extensión para el 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; 
}; 

Me tomó un tiempo para averiguar por qué no estaba trabajando para mí.

Answer 3

me gustaría hacer algo como esto

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

y dejar solo ... :contains

DEMO

Entonces, ¿por jQuery no admite en su biblioteca ?! si es así de fácil ...

porque Does your code pass the turkey code?

Answer 4

Puede ser tarde .... pero,

prefiero ir por este camino ..

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

esta manera , DO NOT alterar con jQuery's NATIVE '.Contiene ... Es posible que tenga un defecto más tarde ... si manipulado, puede que te encuentres de nuevo a Stackoverflow ...

Answer 5

me permito añadir mis amigos:

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

Answer 6

yo era capaz de ignorar mayúsculas y minúsculas de jQuery por completo para lograr lo que quieren mediante el siguiente código:

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

puede utilizar este enlace para encontrar ba código sed en sus versiones de jQuery para ignorar mayúsculas y minúsculas, https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/

Además, si desea utilizar: contiene y hacer un poco de búsqueda es posible que desee echar un vistazo a esto: http://www.ultechspot.com/jquery/using-jquery-search-html-text-and-show-or-hide-accordingly