Jquery过滤表格单元格

时间:2011-05-26 10:56:17

标签: jquery

我需要过滤我的表,因此它只使用所需的最小行数,例如,如果表维度的宽度为5列,则说明12结果的过滤器的结果应该有3行。我现在只过滤掉行列,留下一个行太多的表。

jQuery的:

$("#filter").keyup(function(){

        // Retrieve the input field text and reset the count to zero
        var filter = $(this).val(), count = 0;

        // Loop through the comment list
        $("td").each(function(){

            // If the list item does not contain the text phrase fade it out
            if ($(this).text().search(new RegExp(filter, "i")) < 0) {
                $(this).hide();

            // Show the list item if the phrase matches and increase the count by 1
            } else {
                $(this).show();
                count++;
            }
        });

        // Update the count
        var numberItems = count;
        $("#filter-count").text("Number of Comments = "+count);
    });

$i++;

1 个答案:

答案 0 :(得分:0)

这不起作用。而不是td,你最好使用固定宽度和高度的div,并将float:left应用于它们。然后答案将始终显示为完整行,除了可能是最后一行。

你可以使用td,但这要困难得多。你必须获得td,然后用tr重建整个表并将td放回去。