javascript - jQuery onChange イベントを使用してフィルター処理すると、テーブル本体だけでなくテーブル ヘッドがフィルター処理されます

Question

次のコードをフィルターとして使用していますが、何かを探すたびに行ごとに移動し、テーブル ヘッドが消えます。体の情報だけを探して頭を保つにはどうすればよいですか？

<script>
$('#inputFilter').change(function() {
        var that = this;
        $.each($('tr'),
        function(i, val) {
            if ($(val).text().indexOf($(that).val()) == -1) {
                $('#data_fm_op').animate({
                    marginTop: 0
                },
                50,
                function() {
                    $(this).find('tr').eq(i).hide();
                });
            } else {
                $('#data_fm_op').animate({
                    marginTop: 0
                },
                50,
                function() {
                    $(this).find('tr').eq(i).show();
                });
            }
        });
    });
    </script>

inputFilterはフィルターの入力のdata_fm_opID であり、テーブルの ID です。

Answer 1

フィルターを使用<thead></thead>して起動することをお勧めします<tbody></tbody>$.each($('tbody tr')

Answer 2

HTMLコードを投稿してください。回答をより適切に提供するのに役立ちます

これを試して

<script>
$('#inputFilter').change(function() {
        var that = this;
        $.each($('tr'),
        function(i, val) {
            if ($(val).text().indexOf($(that).val()) == -1) {
                $('#data_fm_op').animate({
                    marginTop: 0
                },
                50,
                function() {
                     if(i != 0)
                        $(this).find('tr').eq(i).show();

                });
            } else {
                $('#data_fm_op').animate({
                    marginTop: 0
                },
                50,
                function() {
                    if(i != 0)
                        $(this).find('tr').eq(i).show();
                });
            }
        });
    });
    </script>