搜索方法,移除上一次样式,拿取val值高亮
function search() {
$(".listContentItemCard").removeClass("res");
var key = $(".inputContent input").val();
$(".itemCardpOne").each((index, item) => {
if (item.innerHTML.includes(key)) {
$(".listContentItemCard").eq(index).addClass("result");
}
});
$(".result:eq(" + index + ")")
.removeClass("result")
.addClass("res"); //当前位置关键词改为红色字体
$(".listContentNews").scrollTop(pos[index]);
}
上下高亮
function heightLight() {
var key = $(".inputContent input").val(); //取key值
if (!key) {
oldKey = "";
$(".listContentItemCard").removeClass("result").removeClass("res");
return; //key为空则退出
}
if (oldKey != key && key) {
//重置
index = 0;
$(".itemCardpOne").removeClass("titleResult");
$(".listContentItemCard").removeClass("result").removeClass("res");
$(".itemCardpOne").each((index, item) => {
if (item.innerHTML.includes(key)) {
$(".itemCardpOne").eq(index).addClass("titleResult");
$(".listContentItemCard").eq(index).addClass("result");
}
});
$(".result").each(function () {
pos.push($(this)[0].offsetTop);
});
// 高亮操作
$("#key").val(key);
oldKey = key;
oldCount = $(".result").length;
$(".result:eq(" + 0 + ")")
.removeClass("result")
.addClass("res");
}
}
//搜索框会车事件
$(".inputContent input").bind("keypress", function (e) {
if (e.keyCode == "13") {
heightLight();
}
});