使用 show() 和 hide() 进行 JavaScript 搜索并添加其他类

Question

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

我还想使显示的div具有"初始"而不是"绝对"的位置，以便在显示它们时移动到页面顶部。

我已经尝试了下面的代码(行：$('.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');