JS——对已有元素内容进行筛选(本地搜索筛选)
程序员文章站
2024-03-09 09:47:29
...
function search_input(inputvalue) { //inputvalue 搜索的内容值
let result = new Array();
$(".gameclass").each(function (j, k) {
let map = new Map();
map = $(this)
result.push(map);
});
for (let i = 0; i < result.length; i++) {
if ($(result[i][0].children[0]).text().replace(/\ +/g, "").indexOf(inputvalue) != -1) {//.replace(/\ +/g, "")去除空格 .indexOf(inputvalue) != -1判断是否含有内容
$(result[i]).css("display", "flex")
} else {
$(result[i]).css("display", "none")
}
if(inputvalue==""){
$(result[i]).css("display", "flex")
}
}
}
页面结构
<div class="gameclass" onclick="addgamesele(this)">
<div class="ov gamename">
哦按时大大的阿萨德阿萨德阿萨德ad啊
</div>
<div class="gameseles ">
</div>
</div>