jQuery は大文字と小文字を区別しないメソッド contains method_jquery を実装します。

この記事の例では、jQuery が大文字と小文字を区別しない contains メソッドを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

使用法:

$("div:contains('John')")

テスト HTML ファイル:

<div>john</div>
<div>John</div>
<div>hey hey JOHN hey hey</div>

この記事が皆さんの jQuery プログラミングに役立つことを願っています。