JQuery Contains'i jQuery 1.8+ dahil olmak üzere büyük / küçük harfe duyarlı hale nasıl getirebilirim?

Duyarsız bir şekilde "içerir" kutusunu kullanmaya çalışıyorum. Çözümü aşağıdaki stackoverflow sorusunda kullanmayı denedim, ancak işe yaramadı:

Büyük / küçük harfe duyarlı olmayan bir jQuery: içerir seçici var mı?

Kolaylık sağlamak için çözüm burada kopyalanmıştır:

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

İşte hata:

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

İşte onu kullandığım yer:

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

Aynı senaryoda orijinal büyük / küçük harfe duyarlı "içerir" ifadesini kullanmam herhangi bir hata olmadan çalışıyor. Herhangi bir fikri olan var mı? Memnuniyet duydum.

Mevcut bir projede kullandığım şey bu, herhangi bir sorun yaşamadım. Bu formatla daha iyi şansınız olup olmadığına bakın:

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

JQuery 1.8'de bunun için API değişti, bunun jQuery 1.8+ sürümü şöyle olurdu:

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

Burada test edebilirsiniz . 1.8+ özel seçici hakkında daha fazla ayrıntı için, buradan Sizzle wiki'ye göz atın .

Cevabın doğru olduğunu, ancak beklenmedik davranışlara yol açabilecek (veya hem hassas hem de duyarsız arama gerektiren gelişmiş uygulamalar için tasarım tarafından kullanılabilecek) :Containsdiğer adı değil, yalnızca kapsadığını :containsbelirtmek gerekir.

Bu, takma adın uzantısının çoğaltılmasıyla çözülebilir:

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; 
};

Neden benim için işe yaramadığını anlamam biraz zaman aldı.

Böyle bir şey yapardım

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

Ve :containsYalnız Bırakın ...

DEMO

Peki jQuery neden kütüphanesinde onu desteklemiyor ?! eğer o kadar kolaysa ...

çünkü kodunuz türkiye kodunu geçiyor mu?

Geç olabilir ... ama,

Bu yoldan gitmeyi tercih ederim ..

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

Bu şekilde, DO NOT jQuery'nin YERLİ ile kurcalamaya ' .Contains' Sen tahrif varsayılan bir sonraki ..., geri kendinizi bulabilirsiniz gerekebilir ... StackOverflow'daki ...

arkadaşlarımı eklememe izin vereceğim:

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

Aşağıdaki kodu kullanarak istediğimi elde etmek için jQuery'nin büyük / küçük harf duyarlılığını tamamen görmezden gelebildim:

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

Büyük / küçük harfe duyarlılığı yok saymak için jQuery sürümlerinize dayalı kod bulmak için bu bağlantıyı kullanabilirsiniz, https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/

Ayrıca şunu kullanmak istiyorsanız: içerir ve bazı arama yapın, şuna bir göz atmak isteyebilirsiniz: http://technarco.com/jquery/using-jquery-search-html-text-and-show-or-hide- buna göre