使用show（）和hide（）进行Javascript搜索并添加其他类

Question

我在输入时使用javascript搜索一组div。如果它们的标题与搜索框中输入的内容相匹配，则会显示div，并隐藏任何不匹配的内容。

我还想让显示的div具有'initial'的位置而不是'absolute'，以便它们在显示时移动到页面的顶部。

我已尝试过下面的代码（行：$（'。cbp-item'）。position ='initial';）但它没有添加属性。

我似乎也没有在控制台中出现任何js错误。

$( document ).ready(function() {
    $('#societies_search').on('keyup',function(){
        var valThis = $(this).val().toLowerCase();
        if(valThis == ""){
            $('.cbp-item').show();
            $('.cbp-item').position='initial';
        }
        else {
            $('.cbp-item').each(function(i,item){
                var text = $(item).text().toLowerCase();
                console.log($(item).find('a').text());
                if(text.indexOf(valThis) >= 0) {
                    $(item).show();
                    $(item).position='initial';
                }
                else{
                    $(item).hide();
                }
            });
        }
    });

});

Answer 1

您可以将.css()用于此

$(item).css('position','initial');