Cách sử dụng jQuery chứa và toLowerCase()

Question

Tôi đang cố gắng so sánh một chuỗi được đưa ra trong đầu vào cho nội dung của div bằng cách sử dụng jQuery contain.

Vấn đề là, tôi muốn có thể kiểm tra xem chuỗi có chứa bất kể chữ hoa/chữ thường hay không.

Đây là chức năng của tôi:

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

Vì vậy, nếu một trong những divs .dDimension chứa 'ngày' và một người dùng nhấn 'd' chìa khóa, tôi muốn thể hiện mục đó.

là nó có thể?

Answer 1

Bạn có thể sử dụng .filter^[docs]:

var dInput = this.value.toLowerCase(); 

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

Answer 2

Bạn có thể viết chọn của riêng bạn bằng cách mở rộng jQuery. Hãy thử điều này

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

năng bảo mật bằng $(".dDimension:containsi('" + dInput + "')").css("display","block");

Answer 3

Các ý kiến ​​cuối cùng trong the jQuery documentation for contains cung cấp một thực hiện 'icontains' mà có thể phù hợp với bạn.

$.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

Có một cái nhìn tại this example, ông mở rộng bộ chọn jQuery với một chọn case-insensitive chứa mà ông gọi là containsi, như thế này:

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