正文
jquery高亮,jquery高亮关键字
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JQuery高亮显示选择的行
var lastTr = 0;
jQuery("tr").each(function(index){
//添加高亮样式，移除上一个tr高亮的样式的话可以通过定义一个全局变量记住上一个高亮的tr的index索引
jQuery(this).click(function(){
//添加高亮样式，移除上一个tr高亮的样式的话可以通过定义
一个全局变量记住上一个高亮的tr的index索引
..........
//添加高亮样式，
..........
});
})
相关问答
Q1: jquery高亮当前选中菜单
html
head
titledemo/title
style type="text/css"
.active
{
color: red;
}
/style
script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"/script
script type="text/javascript"
$(function () {
$(".menu li").click(function () {
$("li[class='active']").removeAttr("class");
$(this).addClass("active");
});
});
/script
/head
body
ul class="menu"
li class="active"a/li
lib/li
lic/li
lid/li
lif/li
/ul
/body
/html
Q2: 用jquery怎么写能使几张图片每隔1秒高亮一张，轮番高亮
用setTimeOut方法，如：setTimeOut(fnc,1000);//fnc是执行图片高亮的方法。
Q3: 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。。。
Q4: jquery怎么将文本中高亮显示
!doctype html
html lang="en"
head
meta charset="UTF-8"
meta name="Generator" content="EditPlus®"
meta name="Author" content=""
meta name="Keywords" content=""
meta name="Description" content=""
titleDocument/title
script type="text/javascript" src="jquery-1.10.2.js"/script
style type="text/css"
table{
width: 50%;
height: 50%;
border: 1px solid #d5d5d5;
overflow: hidden;
color:#4682b4;
font: normal 24px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
}
tr,td{
height:30px;
line-height:30px;
padding: 5px;
}
.highlight {
padding:1px 4px;
margin:0 -4px;
background-color: #ccffff;
text-shadow: 1px 1px white, -1px -1px #333;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4 */
border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}
/style
/head
body
table id="myTab"
tr
td春眠不觉晓/td
td处处蚊子咬/td
td夜来大狗熊/td
td看你往哪跑/td
/tr
tr
td床前明月光/td
td地上鞋两双/td
td一双归小姨/td
td不说就给糖/td
/tr
/table
script type="text/javascript"
$(function(){
$("#myTab tr:odd").addClass("highlight");
})
/script
/body
/html
偶数行高亮显示，可用自己调整颜色
