突出显示输入框中键入的字母

Question

我想突出显示在收件箱中输入的文本，当它在表格列中找到td时，它应该突出显示它，否则从中删除突出显示。

这是我的代码的小提琴： http ： //jsfiddle.net/rFGWZ/6/ ，尝试在文本输入中输入21 ，所以2行只能看到，我想在每个td中选择21在案例中可见，这是在输入中键入的文本。

我已尝试在网上发布了很多高亮显示的脚本，但它们似乎都没有用，因为我无法真正本地化元素，因为这是实时查询搜索...

Answer 1

您必须创建仅包含突出显示字符的范围。 我建议你这个代码：

$("table tr").each(function(index) {
        if (index !== 0) {

            $row = $(this);
            var firstCell = $row.children("td:first");

            var id = $row.children("td:first").text();
            if (id.indexOf(value) !== 0) {
                $row.children("td:first").text(id);
                $row.hide();
            }
            else {
                firstCell.html($("").addClass("highlight").text(id.slice(0, value.length)));
                firstCell.append(id.slice(value.length, id.length));
                $row.show();
            }
        }
    });

不要忘记在CSS中自定义.highlight规则。

现场直播！

Answer 2

像这样..？？

if (id.indexOf(value) !== 0) {
            $row.hide();

        }
        else {
            $row.show();
            $row.css("color","red");
        }