javascript
  • jquery
  • html
  • twitter-bootstrap
  • 2017-12-05 6 views 1 likes 
    1

    フィルターテーブルオプションを使用して入力ボックスを実行します。 私の入力ボックスには、次のとおりです。フィルターテーブルで最初のtdで例外を実行します

    <input class="form-control" id="myInput" type="text" placeholder="Search.."> 
    

    とテーブルを生成するには、このコード:

    $data = '<table class="table table-bordered table-striped"> 
                  <tr> 
                    <th>No.</th> 
                    <th>Status</th> 
                    <th>First Name</th> 
                    <th>Last Name</th> 
                    <th>Email Address</th> 
                    <th>Update</th> 
                    <th>Delete</th> 
                  </tr>'; 
        $query = "SELECT * FROM users"; 
    

    と私のjsがある:

    $(document).ready(function(){ 
        $("#myInput").on("keyup", function() { 
        var value = $(this).val().toLowerCase(); 
        $("#myTable tr").filter(function() { 
         $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) 
        }); 
        }); 
    }); 
    

    のtbodyまたは何か他のものを使用することが必要ですフィルタテーブルを作成するには? かどうかは、最初の例外を行うことはできますか?

    非常に感謝!

    +0

    THEADとTBODYを持つことは、ヘッダとデータとの間のかなり明確な区別であろう。それは必要ですか?そうではありません。この場合、tbodyを使いやすいです。はい、非常に。 – Taplar

    +0

    thead/tbodyは使用する必要はありませんが、クリーナーです。 –

    答えて

    0

    はい、最初の例外を実行することは可能です。私はそれを行う

    0

    (あなたの見出しが1行を持っているので、それが動作します)

    $('table tr:gt(1)').filter... 
    

    :ような何かを試してみてください!

    最後に、このコードで:

    $(function(){ 
        $("#myInput").on("keyup", function() { 
         var $value = $(this).val().toLowerCase(); 
         $("#myTable tr:gt(0)").filter(function() { 
          $(this).toggle($(this).text().toLowerCase().indexOf($value) > -1) 
         }); 
        }); 
    }); 
    
    関連する問題