最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Search bar in table in wordpress

programmeradmin2浏览0评论

I used this code in the table plugin. It checks data through only one column, I want the code to use all columns.

const searchFun = () => {
let filter = document.getElementById('myInput').value.toUpperCase();
let myTable = document.getElementById('myTable');
let tr = myTable.getElementsByTagName('tr');
for (var i = 0; i < tr.length; i++) {
    let td = tr[i].getElementsByTagName('td')[0];

    if (td) {
        let textvlaue = td.textContent || td.innerHTML;
        if (textvlaue.toUpperCase().indexOf(filter) > -1) {
            tr[i].style.display = "";
        } else {
            tr[i].style.display = "none";
        }
    }
}
}

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论