使用jquery突出显示文本

Question

我有一个文本框，按钮和一些文本列表框。

当我点击按钮什么文本，如果它与列表框中的文本相匹配我输入的文本我试图强调使用jQuery的文本我使用了这段代码。

jQuery代码

$("#btnhighlight").click(function() { 
    alert("yes"); 
    var htext = $("#txthighlighttext").val(); 
    alert(htext); 
    $("#lstCodelist").highlight('MD'); 
}); 

样式表我曾经hightlight和我下载的亮点插件添加到项目

<style type="text/css"> 
    .highlight { background-color: yellow } 
</style> 

请任何一个可以帮助我如何做到这一点。或者如果我做错了？ Can an

Answer 1

也许你的问题是你的脚本是在DOM准备好之前执行的。

尝试这样的：

$(function(){ 
    $("#btnhighlight").click(function() { 
     var htext = $("#txthighlighttext").text(); 
     $('#lstCodelist').highlight(htext); 
    }); 
}); 

或把你的脚本在身体结束。

ps。我猜想你使用这个插件（jquery.highlight）

编辑： http://jsfiddle.net/yJmBu/这里一个完整的例子

Answer 2

这个插件产生绕它找到的文本跨度。选项标记不能包含任何HTML标记所以以下（由插件生成）

<select> 
    <option><span class="highlight">Te</span>st</option> 
</select> 

是非法的语法，将被浏览器忽略。

但是，如果我理解你的意图，那么有一些插件可以为你创造出类似的东西。

http://code.drewwilson.com/entry/autosuggest-jquery-plugin

一些证据表明一个选项里面嵌套跨度是不允许的。

• html tags in the option tags
• It is bad to put <span /> tags inside <option /> tags, only for string manipulation not styling?