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

使用show()和hide()进行Javascript搜索并添加其他类,javascript,jquery,html,Javascript,Jquery,Html,我正在使用javascript在键入时搜索一组div。如果div的标题与搜索框中键入的内容匹配,则显示div,并隐藏任何不匹配的内容 我还想使显示的div具有“initial”而不是“absolute”的位置,以便在显示时它们会移动到页面顶部 我尝试了下面的代码(行:$('.cbp item').position='initial';),但它没有添加属性 我似乎也没有在控制台中得到任何js错误 $( document ).ready(function() { $('#societies_

我正在使用javascript在键入时搜索一组div。如果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();
                }
            });
        }
    });

});
您可以为此使用
.css()

$(item).css('position','initial');
您可以为此使用
.css()

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

使用此$(item.css(“位置”、“首字母”);正在添加哪些类?@trimantasoftwaresolution从搜索框中删除文本时,如何再次删除它?因此,所有div都应该返回以显示它们在使用此$(item.css(“position”,“initial”);正在添加哪些类?@trimantasoftwaresolution从搜索框中删除文本时,如何再次删除它?所以所有的女主角都应该回去展示他们以前的样子谢谢。如果删除了搜索框中的文本,如何再次删除该属性?可以使用“removeAttr()”删除所有属性,或者如果要设置此属性的另一个值,则可以使用相同的代码
$(item).css('position','initial')$(item).css('position','initial')