ページ単位での検索 - JS

Question

私はJSで初心者です。私はデータベースから約100のレコードのテーブルを持っていますが、ページ上で10にページ番号が付けられています。クエリで検索すると、テーブル全体を検索するのではなく、現在のページを検索します。

現在のページだけでなく、テーブル全体を検索するクエリを取得するにはどうすればよいですか？

<script> 
function myFunction() { 
    // Declare variables 
    var input, filter, table, tr, td, i; 
    input = document.getElementById("myInput"); 
    filter = input.value.toUpperCase(); 
    table = document.getElementById("table"); 
    tr = table.getElementsByTagName("tr"); 

    // Loop through all table rows, and hide those who don't match the search query 
    for (i = 0; i < tr.length; i++) { 
    td = tr[i].getElementsByTagName("td")[1]; 
    if (td) { 
     if (td.innerHTML.toUpperCase().indexOf(filter) > -1) { 
     tr[i].style.display = ""; 
     } else { 
     tr[i].style.display = "none"; 
     } 
    } 
    } 
} 
</script> 

Answer 1

jQuery DataTablesを使用した場合、おそらくタスクがずっと簡単になります。それ以外の場合は、tr[i].style.display = "";をtr[i].hide()とtr[i].show()に置き換えることをおすすめします。