jQuery kullanımı ve toLowerCase()

Question

jQuery contain kullanarak bir girdide verilen bir dizeyi div içeriğine karşılaştırmaya çalışıyorum.

Sorun şu ki, büyük/küçük harflerden bağımsız olarak dizenin içerip içermediğini kontrol edebilmek istiyorum. .dDimension div biri 'tarihi' içeriyor ve bir kullanıcı 'd' tuşuna basarsa

$(document).ready(function() { 
    drawDimensions('dContent'); 
    $('#dSuggest').keyup(function() { 
     var dInput = this.value; 
     $(".dDimension:contains('" + dInput + "')").css("display","block"); 
    }); 
}); 

Yani, söz konusu öğeyi göstermek istiyorum:

Bu benim fonksiyondur.

Bu mümkün mü?

Answer 1

Sen .filter^[docs] kullanabilirsiniz:

var dInput = this.value.toLowerCase(); 

$(".dDimension").filter(function() { 
    return $(this).text().toLowerCase().indexOf(dInput) > -1; 
}).css("display","block"); 

Answer 2

Sen jQuery uzatarak kendi seçici yazabilirsiniz. the jQuery documentation for contains son yorumlar size uygun olabilecek bir 'icontains' uygulamasını sağlar bu

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

kullanım hızı $(".dDimension:containsi('" + dInput + "')").css("display","block");

Answer 3

deneyin.

[içinde

Answer 4

this example göz at, o containsi, böyle çağrıları harf duyarsız içeren seçici ile jQuery seçicileri uzatmak: seçiciyi içeriyor?] (http://stackoverflow.com/questions/187537/is-there-a-case-insensitive-jquery-contains-selector)