Question

你好世界我有一个问题我正在为我的主页制作带有div的实验搜索框..

现在我试图忽略upperand小写，但没有什么会成功的，所以我会问我怎么能忽略我的代码中的大写和小写：

$(window).load(function(){
    function hide_divs(search) {
        if(search === "") {
            $("#sboxs > div").show();
        } else {
            $("#sboxs > div").hide(); // hide all divs
            $('#sboxs > div[id*="'+search+'"]').show(); // show the ones that match
        } 
    }
    $(document).ready(function() {
        $("#search_field").keyup(function() {
            var search = $.trim(this.value);
            hide_divs(search);
        });
    });
});

HTML：

<div id="jOhAnNeS">heres the content of(Johannes)</div>
<div id="michael">heres the content of(Michael)</div>
<div id="TOM">heres the content(Tom)</div>
<div id="JERry">heres the content(Jerry)</div>
<div id="kIM">heres the content(Kim)</div>
<div id="joschUA">heres the content(Joschua)</div>
<div id="katY">heres the content(Katy)</div>

</div>

Answer 1

尝试此功能

function hide_divs(search) {

    var divs = $("#sboxs > div");
    var match = search.toLowerCase();

    divs.each( function(i,elem) {
        if ( elem.id.toLowerCase().indexOf(match) > -1 )
            $(elem).show();
        else
            $(elem).hide();
    });
}

jquery忽略函数中的大写和小写

1 个答案: