我想突出显示在收件箱中输入的文本,当它在表格列中找到时,td,然后它应该突出显示它,否则从中删除突出显示。
这是我的代码的一个小提琴:http: //jsfiddle.net/rFGWZ/6/,尝试21
输入文本输入,所以2行将只可见,我想21
在每个td
可见的中选择大小写,这是在输入中键入的文本。
我尝试了许多在网络上发布的高亮脚本,但它们似乎都不起作用,因为我无法真正本地化元素,因为这是实时查询搜索......
我想突出显示在收件箱中输入的文本,当它在表格列中找到时,td,然后它应该突出显示它,否则从中删除突出显示。
这是我的代码的一个小提琴:http: //jsfiddle.net/rFGWZ/6/,尝试21
输入文本输入,所以2行将只可见,我想21
在每个td
可见的中选择大小写,这是在输入中键入的文本。
我尝试了许多在网络上发布的高亮脚本,但它们似乎都不起作用,因为我无法真正本地化元素,因为这是实时查询搜索......
您必须创建一个只包含突出显示的字符的跨度。我建议你这个代码:
$("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 中自定义规则。
现场观看!
像这样..??
if (id.indexOf(value) !== 0) {
$row.hide();
}
else {
$row.show();
$row.css("color","red");
}