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>