使用show()和hide()进行Javascript搜索并添加其他类
我正在使用javascript在键入时搜索一组div。如果div的标题与搜索框中键入的内容匹配,则显示div,并隐藏任何不匹配的内容 我还想使显示的div具有“initial”而不是“absolute”的位置,以便在显示时它们会移动到页面顶部 我尝试了下面的代码(行:$('.cbp item').position='initial';),但它没有添加属性 我似乎也没有在控制台中得到任何js错误使用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_
$( 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')你好,谢谢。如果删除了搜索框中的文本,如何再次删除该属性?可以使用“removeAttr()”删除所有属性,或者如果要设置此属性的另一个值,则可以使用相同的代码$(item).css('position','initial')代码>