blocks|key|1507504|text|我最终为jQuery+1.2所做的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1507505|jQuery.extend(
++++jQuery.expr[':'],+{+
++++++++Contains+:+"jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0"+
});|code-block|syntax|javascript|1507506|这将扩展jquery，使其具有不区分大小写的:Contains选择器，而:contains选择器保持不变。|1507507|编辑:对于jQuery+1.3+(感谢@user95227)及更高版本，您需要|1507508|jQuery.expr[':'].Contains+=+function(a,i,m){
+++++return+jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};|1507509|编辑:显然是通过使用|1507510|(a.textContent+%7C%7C+a.innerText+%7C%7C+"")+|1507511|而不是|1507512|jQuery(a).text()|1507513|在前面的表达式中，它的速度大大提高了，所以如果速度是一个问题，请自负风险。(参见@John的question)|offset|length|1507514|最新编辑:对于jQuery+1.8，应该是：|1507515|jQuery.expr[":"].Contains+=+jQuery.expr.createPseudo(function(arg)+{
++++return+function(+elem+)+{
++++++++return+jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase())+>=+0;
++++};
});|1507516|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/171662/john|1|https://stackoverflow.com/questions/1407434/is-there-any-way-to-speed-up-this-solution-for-a-case-insensitive-jquery-contai^0|0|0|0|0|0|0|0|0|0|14|5|0|1A|8|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1J|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1K|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1L|8|@]|9|@$W|1M|X|1N|1|1O]|$W|1P|X|1Q|1|1R]]|A|$]]|$1|Y|3|Z|5|6|7|1S|8|@]|9|@]|A|$]]|$1|10|3|11|5|D|7|1T|8|@]|9|@]|A|$E|F]]|$1|12|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19]]|1A|$5|15|16|17|A|$18|1B]]]]

What I ended up doing for jQuery 1.2 is :

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

This will extend jquery to have a :Contains selector that is case insensitive, the :contains selector remains unchanged.

Edit: For jQuery 1.3 (thanks @user95227) and later you need

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

Edit: 
Apparently accessing the DOM directly by using

<pre><code>(a.textContent || a.innerText || "") 
</code></pre>

instead of 

<pre><code>jQuery(a).text()
</code></pre>

In the previous expression speeds it up considerably so try at your own risk if speed is an issue. (see <a href="https://stackoverflow.com/users/171662/john">@John</a> 's <a href="https://stackoverflow.com/questions/1407434/is-there-any-way-to-speed-up-this-solution-for-a-case-insensitive-jquery-contai">question</a>)

Latest edit: For jQuery 1.8 it should be:

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

blocks|key|1722714|text|从jQuery+1.3开始，此方法已弃用。要使其正常工作，需要将其定义为函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1722715|jQuery.expr[':'].Contains+=+function(a,i,m){
++++return+jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};|code-block|syntax|javascript|1722716|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As of jQuery 1.3, this method is deprecated. To get this to work it needs to be defined as a function:

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

blocks|key|1507674|text|jQuery.expr[':'].contains+=+function(a,i,m){
++++return+jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1507675|更新代码在1.3中工作得很好，但与前面的示例不同的是，“包含”应该是第一个字母的小写。|unstyled|1507676|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

The update code works great in 1.3, but "contains" should be lower case on the first letter unlike the previous example.

blocks|key|1507719|text|可选地使其不区分大小写：http://bugs.jquery.com/ticket/278|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1507720|$.extend($.expr[':'],+{
++'containsi':+function(elem,+i,+match,+array)
++{
++++return+(elem.textContent+%7C%7C+elem.innerText+%7C%7C+'').toLowerCase()
++++.indexOf((match[3]+%7C%7C+"").toLowerCase())+>=+0;
++}
});|code-block|syntax|javascript|1507721|然后使用:containsi而不是:contains|style|CODE|1507722|entityMap|0|LINK|mutability|MUTABLE|url|http://bugs.jquery.com/ticket/278^0|C|X|0|0|0|4|A|H|9|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]|$A|12|B|13|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

To make it optionally case insensitive:
<a href="http://bugs.jquery.com/ticket/278" rel="noreferrer">http://bugs.jquery.com/ticket/278</a>

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

then use <code>:containsi</code> instead of <code>:contains</code>

blocks|key|1722857|text|在jQuery+1.8中，您需要使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1722858|jQuery.expr[":"].icontains+=+jQuery.expr.createPseudo(function+(arg)+{++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++return+function+(elem)+{++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++return+jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase())+>=+0;++++++++
++++};++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
});|code-block|syntax|javascript|1722859|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In jQuery 1.8 you will need to use 

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

blocks|key|1722923|text|下面参考使用":contains“从HTML代码中查找忽略其区分大小写的文本，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1722924|+$.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('"%2B+userSerarchField+%2B"')").css("display","block");
++++++++++}+else+{
++++++++++++$(".rows").css("display","block");
++++++++++}++++++++++++++
++++++++});|code-block|syntax|javascript|1722925|您还可以使用此链接查找基于jquery版本Make+jQuery+:contains+Case-Insensitive的忽略大小写的代码|offset|length|1722926|entityMap|0|LINK|mutability|MUTABLE|url|https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/^0|0|0|L|12|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Refer below to use ":contains" to find text ignoring its case sensitivity from an HTML code,

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

You can also use this link to find case ignoring code based on your jquery version,
<a href="https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/" rel="nofollow noreferrer">Make jQuery :contains Case-Insensitive</a>

blocks|key|1507914|text|我也遇到了类似的问题，因为下面的代码不能正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1507915|//+This+doesn't+catch+flac+or+Flac
$('div.story+span.Quality:not(:contains("FLAC"))').css("background-color",+'yellow');|code-block|syntax|javascript|1507916|这是可行的，并且不需要扩展|1507917|$('div.story+span.Quality:not([data*="flac"])').css("background-color",+'yellow');|1507918|这也是可行的，但可能属于“手动循环”类别……|1507919|$('div.story+span.Quality').contents().filter(function()
{
++return+!/flac/i.test(this.nodeValue);
}).parent().css("background-color",+'yellow');|1507920|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I had a similar problem with the following not working...

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

This works and without the need for an extension

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

This works too, but probably falls into the "manually looping" category....

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

blocks|key|1723069|text|使用正则表达式的更快版本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1723070|$.expr[':'].icontains+=+function(el,+i,+m)+{+//+checks+for+substring+(case+insensitive)
++++var+search+=+m[3];
++++if+(!search)+return+false;

++++var+pattern+=+new+RegExp(search,+'i');
++++return+pattern.test($(el).text());
};|code-block|syntax|javascript|1723071|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A faster version using regular expressions.

<pre><code>$.expr[':'].icontains = function(el, i, m) { // checks for substring (case insensitive)
 var search = m[3];
 if (!search) return false;

 var pattern = new RegExp(search, 'i');
 return pattern.test($(el).text());
};
</code></pre>

blocks|key|1508057|text|新建一个变量，我将其命名为subString，并将您想要搜索的字符串放入一些元素文本中。然后使用Jquery选择器选择所需的元素，如我的示例$("elementsYouNeed")和按.filter()过滤。在.filter()中，它会将$("elementsYouNeed")中的每个元素与函数进行比较。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1508058|在函数中，我对元素文本使用了.toLowerCase()，也使用了subString，它可以避免大小写敏感的条件，并检查其中是否有subString。之后，.filter()方法从匹配元素的子集构造一个新的jQuery对象。|1508059|现在，您可以在matchObjects中获取匹配元素并执行您想做的任何操作。|1508060|var+subString+="string+you+want+to+match".toLowerCase();

var+matchObjects+=+$("elementsYouNeed").filter(function+()+{return+$(this).text().toLowerCase().indexOf(subString)+>+-1;});|code-block|syntax|javascript|1508061|entityMap^0|1Y|K|2K|9|2X|9|3B|K|0|E|E|26|9|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|14|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|15|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|P|$]]

New a variable I give it name subString and put string you want to search in some elements text. Then using Jquery selector select elements you need like my example <code>$("elementsYouNeed")</code> and filter by <code>.filter()</code>. In the <code>.filter()</code> it will compare each elements in <code>$("elementsYouNeed")</code> with the function. 

In the function i using <code>.toLowerCase()</code> for element text also subString that can avoid case sensitive condition and check if there is a subString in it. After that the <code>.filter()</code> method constructs a new jQuery object from a subset of the matching elements. 

Now you can get the match elements in matchObjects and do whatever you want. 

<pre><code>var subString ="string you want to match".toLowerCase();

var matchObjects = $("elementsYouNeed").filter(function () {return $(this).text().toLowerCase().indexOf(subString) &gt; -1;});
</code></pre>

Is there a case insensitive version of the <a href="http://docs.jquery.com/Selectors/contains" rel="noreferrer">:contains</a> jQuery selector or should I do the work manually by looping over all elements and comparing their .text() to my string?

Is there a case insensitive jQuery :contains selector?

jQuery

是否有不区分大小写的 jQuery选择器，或者我应该通过循环所有元素并将它们的.text()与我的字符串进行比较来手动完成这项工作？

问是否有不区分大小写的jQuery :contains选择器？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有不区分大小写的jQuery :contains选择器？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有不区分大小写的jQuery :contains选择器？
EN