javascript - 如何使用 CSS 隐藏不包含任何文本的 <TR> 标签？

Question

我有一张 table :

<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() {

});

如何完成这段代码？

Answer 1

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