我得到了一定的字符串,我想突出显示文本输入中键入的子字符串。

这是一个小提琴: http//jsfiddle.net/rFGWZ/17/

它只是工作正常,当我键入初始字符串,但当我键入fe。 15在输入中,它没有突出显示15但是21而是...它总是突出显示在开始时的数字,所以有人可以帮我修改它,所以它会突出显示我在文本输入中输入的字符串吗?

#1楼 票数:2 已采纳

你可以用这个:

firstCell.html(id.replace(value, '<span class=highlight>'+value+'</span>'));

代替

firstCell.html($("<span />").addClass("highlight").text(id.slice(0, value.length)));
firstCell.append(id.slice(value.length, id.length));

演示: http//jsfiddle.net/qgBt8/

编辑: 不区分大小写的版本

#2楼 票数:0

我会使用正则表达式来解决这个问题。 这也考虑了字符的情况。

的jsfiddle

$("#search").on("keyup", function() {
    var value = $(this).val();

    $("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) === -1) {
                $row.children("td:first").text(id);
                $row.hide();
            }
            else {
                var re = new RegExp(value, "g"); //global replace
                firstCell.html(id.replace(re, "<span class=\"highlight\">" + value + "</span>"));//replace all instances of the characters
                $row.show();
            }
        }
    });
});​

  ask by Sapp translate from so

未解决问题?本站智能推荐:

1回复

搜索HTML文本区域中给出的单词,并使用JavaScript在字符串中突出显示它们

我需要在字符串中搜索一些给定的关键字,然后突出显示它们(例如,用红色字母写出来)。 我已经尝试了许多不同的方法来解决此问题,但是没有结果。 我认为,最合乎逻辑的方法是使用关键字组成一个数组,然后搜索子字符串并将找到的子字符串放在span标签之间,但是我这里有一个问题:如果给定的关键字是aaa
4回复

使用jQuery突出显示网页上字符串的字符

我想使用jQuery在某个值的索引处突出显示网页上字符串的字符。 该值是可变的–一次它将在索引2上,下次它将在索引3上。 输出示例:
1回复

如何在Android的Html标签中突出显示所选字符串?

我有带有字符串的html标签。我想使用“搜索”按钮单击搜索字符串。我搜索了HTML标签中包含的单词。但是我需要的是,我要突出显示搜索到的文本字符串。但是它没有来。仅字体颜色。因此文本颜色仅更改。 我的代码是 谁能帮我突出显示字符串?
4回复

如何突出显示字符串中的单词[Python]

我想制作一个函数来突出显示 [ .upper() ] 给定的任何单词的每次出现。 我已经成功地使我的功能发挥作用,但前提是我们给它一个词来突出显示。 如果我们给它超过 1 个单词,该函数将打印多个 1 个单词突出显示的句子。 我理解它为什么会这样做,但我不知道任何其他方法甚至可以远程接近使其工作
6回复

JQuery在静态HTML页面中搜索,突出显示找到的单词

我一直在尝试使用JQuery在静态HTML页面中进行简单搜索。 我不得不提到这是我第一次使用JQuery。 我正在尝试更改页面中找到的单词的背景,这是我到目前为止所尝试的: myJavascript.js: 这是HTML代码: page.html中: 在用Firebug检查
3回复

在Div标签下突出显示文本

可以说我有一个像这样的div: 可以让CSS和JS根据搜索查询突出显示该字符串的一部分吗? 就像我在搜索Stri一词一样,它只会突出显示该部分?
2回复

在单独的表格中按类别或ID突出显示2行

我正在用PHP动态创建两个表,并且希望能够轻松比较两个表中的行。 我希望能够将鼠标悬停在任一表中突出显示一行,并在另一表中突出显示相应的行(按ID)。 我在这里发现了很多类似情况的引用,但是它们似乎都可以通过将鼠标悬停在第1行上来突出显示表2中的第1行。我希望突出显示按行ID(或类,不能确
3回复

如何保持菜单突出显示?

我有一个小问题。 主要是因为我还在学习JQuery。 当用户单击菜单中的项目时,该项目将突出显示。 到现在为止还挺好。 但是,如果用户在他从菜单中选择的页面内输入另一个链接,则突出显示将丢失。 在用户从菜单中选择另一个选项之前,如何使菜单项保持突出显示? jQuery代码是这样