如何修复JS和Jquery中的“撤消过滤器”(搜索时)

时间:2019-09-04 01:45:26

标签: javascript

我很抱歉韩国语语法中断:)

我想使用“类别”作为“搜索栏”

例如, 如果类别为“水果”,则在总数据中显示“水果”。 如果在单击“水果”类别并搜索“西红柿”之后,“西红柿”显示在“水果”类别中而不是在“全部”中

但是此代码存在一些问题。

如果我搜索“西红柿”,则番茄显示在“所有”类别中,而不是在“水果”类别中。

即,如果我搜索某些内容,则该类别被撤消。

请帮助!

$(document).ready(function() {

    // click effect and category
    $('.category_item').click(function() {


        $(this).addClass('on').siblings().removeClass('on');



        var category = $(this).attr('id');



        if(category == 'all') {
            $('tr').hide().show();

            /*$('tr').show();*/

        } else {
            $('tr').hide();

            $('.' + category).show();

        }



    }); // click



/////////////////////////////////////////////////////////////////////////////////////////////////



    //search

    $('.inputSearch').keydown(function(key) {
        var value = $(this).val().toLowerCase();



        if(key.keyCode == 13) {
            $("tbody tr").filter(function() {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)

            });

        } // if



    }); // search



})// ready

0 个答案:

没有答案