忽略搜索javascript中的區分大小寫

Question

我有這樣的事情：

HTML

<input type="text" name="keyword" onkeyup="searchFunction()" style="width:300px;" />

Javscript

    function searchFunction() {
    $(".contact-name") /*Contact-name is the name of the div*/
    .hide()
    .filter(":contains('" + $("input[name='keyword']").val() + "')")
    .show();
    }

這樣就可以了，但是當div包含george之類的文本並且我在搜索文本框中鍵入GEORGE時，它不起作用，那么您可以幫我嗎？

Answer 1

filter接受一個函數，所以我可能會使用它並進行不區分大小寫的比較：

function searchFunction() {
    var find = $("input[name='keyword']").val().toLowerCase();
    $(".contact-name") /*Contact-name is the name of the div*/
    .hide()
    .filter(function() {
        return $(this).text().toLowerCase().indexOf(find) != -1;
    })
    .show();
}

我也很想不要將它們全部隱藏起來，然后顯示匹配項，而是分別更新每個匹配項：

function searchFunction() {
    var find = $("input[name='keyword']").val().toLowerCase();
    $(".contact-name") /*Contact-name is the name of the div*/
    .each(function() {
        var $this = $(this);
        $this.toggle($this.text().toLowerCase().indexOf(find) != -1);
    });
}