如何突出显示分布在多个标签上的句子

时间:2011-11-22 19:10:01

标签: javascript jquery

如果我的文字有点像下面那样..

var str="Hi, How are you";

如果我想在一次尝试中突出显示以下HTML中的此文本,而不是将其拆分为数组。在文档中,如果我的HTML如下所示..

<div> Hi, <span>How are</span> you</div>

请帮我解决这个问题。我想搜索文档中的句子,并希望为其添加突出显示的效果。

3 个答案:

答案 0 :(得分:2)

假设所有句子都包含在div中,你可以试试这个。

$('div').filter(function(){
   return $.trim($(this).text()).toLowerCase() === "hi, how are you";
}).addClass('highlight');

在css中定义高亮类并提供适当的背景颜色。

答案 1 :(得分:0)

目前你在做什么来突出它?

您始终可以设置div标签的字体css

如果您只想获取文字,可以$("div").text();

答案 2 :(得分:0)

$("div").css("background-color","Red");

http://jsfiddle.net/3nigma/KhNCV/7/

或者你问这个

$("div").find("span").css("background-color","Red");

http://jsfiddle.net/3nigma/KhNCV/8/