如何使用CSS隐藏不包含任何文本的标签?

时间:2012-03-16 14:40:08

标签: javascript jquery css

我有一张桌子:

<table>
    <tr>
        <td> CELL_1 </td>
        <td> CELL_2 </td>
    </tr>
    <tr>
        <td> GOOD_CELL_1 </td>
        <td> BAD_CELL_2 </td>
    </tr>
</table>

说我有一个输入字段。

当我在那里输入时 - 我希望那些没有键入字符串的<TR>消失(消失,隐藏等等)。

我是这样开始的:

$('#searchinput').keypress(function() {

});

如何完成此代码?

1 个答案:

答案 0 :(得分:2)

$('#searchinput').keypress(function() {
    $('table tr').show().not(':contains(' + this.value + ')').hide();
});