单击任何按钮(事件)时使用JavaScript重置搜索结果

单击任何按钮(事件)时使用JavaScript重置搜索结果,javascript,Javascript,在此情况下,搜索结果将以栗色和粗体显示。我想在我们点击任何按钮(A-Z)时重置搜索结果,这意味着当我们点击任何其他按钮(比如说B)并返回到A时,它仍然以栗色和粗体显示。当我们点击任何按钮事件时,有人能帮我重置搜索结果吗(它应该像本例中的其他值一样显示为普通文本) $(文档).ready(函数(){ // =================================== //按数据键过滤=“值” $.fn.filterData=函数(键,值){ 返回此.filter(函数(){ 返回$

在此情况下,搜索结果将以栗色和粗体显示。我想在我们点击任何按钮(A-Z)时重置搜索结果,这意味着当我们点击任何其他按钮(比如说B)并返回到A时,它仍然以栗色和粗体显示。当我们点击任何按钮事件时,有人能帮我重置搜索结果吗(它应该像本例中的其他值一样显示为普通文本)

$(文档).ready(函数(){
// ===================================
//按数据键过滤=“值”
$.fn.filterData=函数(键,值){
返回此.filter(函数(){
返回$(此).data(键)=值;
});
};
//:包含不区分大小写的
$.expr[“:”].contains=$.expr.createPseudo(函数(arg){
返回函数(elem){
返回$(elem).text().toUpperCase().indexOf(arg.toUpperCase())>=0;
};
});
//重置
函数重置字母表(ab,字母){
var starter=(字母=“”)?$(ab).children('button').first().data('value'):字母;
var LETTECODE=starter.charCodeAt(0);
如果((字母代码>=65)&(字母代码0){
字母表=$ts.data('alphabet')| |字母表;
source=$ts.data('source')| | source;
searchtitle=$ts.data('searchtitle')| | searchtitle;
lbl=$(“标签[for='”+$ts.attr('id')+“]]);
偏移量=$ts.data('offset')| | 0;
偏移量=((searchtitle!='')和&offset==0)?parseInt($(searchtitle.css('marginTop')):偏移量;
如果($(源).length==1){
如果(字母表!=''){
var$ab=$(字母表);
如果($ab.length>0){
变量字母=$(源).children('div');
$(字母).css('backgroundColor','').css('border','');
$ab.html(“”);
$(字母)。每个(功能)(id,元素){
$ab.append(“”+$(elem).attr('id')+“”+“|”);
});               
$ab.on('click','button',函数(e){
e、 预防默认值();
e、 停止传播();
$('.text search').val('');
activateLetter($(此))
}); 
重置字母表(字母表“”);
}否则{
字母表='';
$(源).children('div').addClass('active');
}
}否则{
$(源).children('div').addClass('active');
}
$('body')。打开('keyup','text search',延迟(函数(e){
var sSearch=$(this.val();
如果(搜索!=''){
var fl=sSearch.substring(0,1).toUpperCase();
$(searchin+'.found').removeClass('found');
searchin=source+((字母=''):'>div#'+fl)+((searchtitle=''):'':''+searchtitle);
log('在'+searchin+''中搜索单词:'+sSearch+');
$elemsfound=$(searchin+':包含(“+sSearch+”);
log('elementi trovati:'+$elemsfound.length);
如果($elemsfound.length>0){
重置字母表(字母表,fl);
如果(searchtitle!=''){
var goto=$elemsfound.first().offset().top-offset;
$(“html,body”).animate({scrollTop:goto},500);
}否则{
console.log('这是一个全局搜索')
$(source.html().replace(sSearch,“+sSearch+”);
}
}否则{
searchin=source+((字母=“”)?“”:'>div')+((searchtitle=“”)?“”+searchtitle);
log('我没有找到任何东西,所以我正在“'+searchin+'”中查找一个单词:'+sSearch+');
$elemsfound=$(searchin+':包含(“+sSearch+”);
如果($elemsfound.length>0){
fl=$elemsfound.first().parent().attr('id');
重置字母表(字母表,fl);
searchin=source+((字母=''):'>div#'+fl)+((searchtitle=''):'':''+searchtitle);
$elemsfound=$(searchin+':包含(“+sSearch+”);
var goto=$elemsfound.first().offset().top-offset;
console.log(goto);
$(“html,body”).animate({scrollTop:goto},500);
}
}  
$elemsfound.addClass('found');
如果(lbl.length==1){lbl.html('Found'+($elemsfound.length==1?'':)+'++$elemsfound.length+'word'+($elemsfound.length==1?'':'s');
}否则{
重置字母表(字母表“”);
$(searchin).removeClass('found');
如果(lbl.length==1){lbl.html('使用此索引浏览词汇表')}
}
}, 500));
}
}
});

正文{字体系列:helvetica;字体大小:14px;}
标签{显示:块;}
输入[type='text']
{宽度:100%;字体大小:0.9em;
字体系列:helvetica;
字体:斜体;
填充:5px 8px;}
h3{页边距顶部:30px;}
.alphabet{显示:块;宽度:1210px;}
.字母按钮{
字体:继承;
颜色:#398FFF;;
光标:指针;
显示:内联块;
位置:相对位置;
宽度:40px;
高度:40px;
线高:40px;
字体大小:14px;
利润率:0-6px 10px-5px;
边界:无;
背景:无;
填充:0;
盒影:0;
过渡:所有0.3秒的缓进缓出;
大纲:0;
}
.字母表:焦点{大纲:0;}
.alphabet按钮:悬停{背景色:#FFF;字体重量:粗体;}
.alphabet button.active{背景色:#ffa505;字体大小:粗体;颜色:#FFF;方框阴影:0px 0px 0px 2px#FFF inset;}
.glossary{显示:块;宽度:100%;清除:两者;}
.glossary.letter{显示:无;宽度:1115px;;清除:两者;文本对齐:对齐;填充底部:30px;}
.glossary.letter.active{display:block;}
.glossary h3{字体大小:18px;字体重量:300;页边空白底部:5px;}
.glossary h3.found{font-w
$('#glossary').find('.letter').find('h3').removeClass('found');
function activateLetter(ellet) {  
    var thisletter = $(ellet).data('value');
    window.scrollTo(0, 0);
    $(ellet).addClass('active');
    $(ellet).siblings().removeClass('active');
    if (!$("#" + thisletter).hasClass('active')) {
      $('#glossary').find('.letter').find('h3').removeClass('found');
      $(source).children('div').removeClass('active');
      $("#" + $(ellet).data('value')).addClass('active');
    }
  }