js直线高亮函数，js高亮显示

js正则截取字符串，用以高亮，怎么实现？

这个功能的实现 比较笨点的 可以不用正则var _str = $("xx").html(), _key_word = "xxx", _al = _str.split( _key_word );_str = _al.join("" + _key_word + "");

相关问答

Q1: jQuery JS 如何高亮页面上的所有数字

这个高亮，实质上是把12变成span style="backgroud: yellow"12/span。

那么只要做一个替换就可以了。但是需要考虑两点：

需要被替换的内容，必须是标签里的内容，不能是属性。比如，不能把div width="100%" color="#12fe45"这里的100，12，45都不应该被替换。

需要被替换的内容，不能是script标签里的内容（理所当然的吧）。比如scriptvar a=123; xxx/script 这里的123不应该被替换。

所以，考虑到以上，最终的做法必须是遍历所有的标签，然后如果标签里没有标签的时候，才把标签里的文字作替换。

(function hilightNumber(jqObj) {

    // 不能替换script标签里的数字

    var domObj = jqObj[0];

    if (domObj.nodeName == "SCRIPT") {

        return;

    }

    // 如果标签里有标签，我们也不作替换，而是递归进去遍历内层的标签。

    var children = jqObj.children();

    if (children.length  0) {

        for(var i=0; ichildren.length; i++) {

            hilightNumber($(children[i]));

        }

    } else {

    // 标签里只有文字，没有内层标签的时候，才做替换，

    // 把123替换成带颜色的标签内包含123，就实现了高亮。

        var hilightedHtml = jqObj.html().replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "span style='background:yellow;'$1/span");

        jqObj.html(hilightedHtml);

    }

})($("body"));

注意！这个不能解决全部的问题，但大部分情况应该可以用了。

不能解决的例子：

p我是诡异的段落2333，但是我里面竟然还有子标签！b这里是加黑的字666/b。span这里是其它颜色12345的哈哈/span/p

如果是上面这样的HTML，2333可能不会被加亮。。。毕竟p里还有内层标签b和span。。。

Q2: js表格高亮显示.hover

这是表格高亮显示功能。

hover一个模仿悬停事件。鼠标移动到一个对象上面及移出这个对象。的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种保持在其中的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持悬停状态，而不触发移出事件。

第一种各行换色，第二种鼠标移动到对应行，高亮显示。

Q3: js中前后内容比较实现高亮怎么做的啊

给相应的每个元素加个事件，比如onmouseover事件，

调用一个函数，让相同的两个部分显示相同的背景颜色就可以了。

Q4: 如何使用js让下一条记录高亮

a href="javascript:;" onclick="changeColor('prev')"上一条/a

a href="javascript:;" onclick="changeColor('next')" 下一条/a

使用jquery实现：你需要在页面头部引入jquery文件

script type="text/javascript" charset="utf-8"

function changeColor(flag) {

var idx = $("tr.hover").index(), // 高亮那条所在位置

  count = $("table tr").length;  //tr的数量

switch (flag) {

case "prev":

if (idx !== 1) {

$("table tr").eq(idx).removeClass("hover").end().eq(idx - 1).addClass("hover");

}

break;

case "next":

if (idx  count - 1) {

$("table tr").eq(idx).removeClass("hover").end().eq(idx + 1).addClass("hover");

}

break;

default:

break;

}

return;

}

/script

使用jquery实现比较方便，灵活通用，多少条记录都适用！

js直线高亮函数的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js高亮显示、js直线高亮函数的信息别忘了在本站进行查找喔。