jquery - 突出显示输入框中输入的字母

Question

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

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

我尝试了许多在网络上发布的高亮脚本，但它们似乎都不起作用，因为我无法真正本地化元素，因为这是实时查询搜索......

Answer 1

您必须创建一个只包含突出显示的字符的跨度。我建议你这个代码：

    $("table tr").each(function(index) {
        如果（索引！== 0）{

            $行 = $(这个);
            var firstCell = $row.children("td:first");

            var id = $row.children("td:first").text();
            如果（id.indexOf（值）！== 0）{
                $row.children("td:first").text(id);
                $row.hide();
            }
            别的 {
                firstCell.html($("").addClass("highlight").text(id.slice(0, value.length)));
                firstCell.append(id.slice(value.length, id.length));
                $row.show();
            }
        }
    });

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

现场观看！

Answer 2

像这样..？？

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

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