jquery - 如何使 jQuery Contains 不区分大小写，包括 jQuery 1.8+？

Question

我试图不区分大小写地使用“包含”。我尝试在以下 stackoverflow 问题中使用该解决方案，但没有成功:

Is there a case insensitive jQuery :contains selector?

为方便起见，将解决方案复制在这里:

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

这是错误:

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

这是我使用它的地方:

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

我在同一场景中使用区分大小写的原始“包含”没有任何错误。有人有什么想法吗？我将不胜感激。

Answer 1

这是我在当前项目中使用的，没有遇到任何问题。看看你是否有更好的运气使用这种格式:

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

---

在 jQuery 1.8 中，这个 API 发生了变化，jQuery 1.8+ 版本将是:

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 .有关 1.8+ 自定义选择器的更多详细信息，check out the Sizzle wiki here .