欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

JS——对已有元素内容进行筛选(本地搜索筛选)

相关标签: JS