jQuery का उपयोग शामिल है और LowerCase()

Question

मैं jQuery contain का उपयोग कर एक div की सामग्री में इनपुट में दी गई स्ट्रिंग की तुलना करने की कोशिश कर रहा हूं।

समस्या यह है कि, मैं यह जांचने में सक्षम होना चाहता हूं कि स्ट्रिंग को ऊपरी/निचले मामले के बावजूद निहित किया गया है या नहीं।

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

तो अगर .dDimension divs में से एक 'तिथि' होता है और एक उपयोगकर्ता 'प' कुंजी दबाना, मुझे लगता है कि आइटम दिखाना चाहते हैं:

यह मेरा कार्य है।

क्या यह संभव है?

Answer 1

आप .filter^[docs] उपयोग कर सकते हैं:

var dInput = this.value.toLowerCase(); 

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

Answer 2

आप jQuery का विस्तार करके अपने खुद के चयनकर्ता लिख ​​सकते हैं। इस

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

useage $(".dDimension:containsi('" + dInput + "')").css("display","block");

Answer 3

the jQuery documentation for contains में पिछले टिप्पणियां एक 'icontains' कार्यान्वयन है कि आप के अनुरूप बन प्रदान करता है की कोशिश करो।

$.expr[':'].icontains = function(obj, index, meta, stack){ 
    return (obj.textContent || obj.innerText || jQuery(obj).text() || '').toLowerCase().indexOf(meta[3].toLowerCase()) >= 0; 
}; 

// Example usage. 
$("div:icontains('John')").css("text-decoration", "underline"); 

Answer 4

this example पर एक नज़र डालें, वह एक केस-संवेदी होते हैं चयनकर्ता के साथ jQuery चयनकर्ताओं का विस्तार है कि वह containsi, इस तरह कहता है:

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

की [