我正在使用以下方法在网页中搜索字符串。它与纯文本匹配;但是,它在以下情况下失败:

 <span>I</span> am searching for <b>text</b>

如果我搜索“正在搜索”,则将匹配。。但是,如果我搜索“正在搜索”,则不匹配。以下是我正在使用的代码:
function search(text)
{
    if (document.body.createTextRange)
    {
        var textRange = document.body.createTextRange();
        while (textRange.findText(text))
        {
            textRange.execCommand("BackColor", false, "yellow");
            textRange.collapse(false);
        }
    }
}

here is the fiddle.在IE8中不起作用。
谢谢

最佳答案

<script type="text/javascript">
function findText(text) {
    $('*:contains('+text+')').css('background-color', 'Yellow');
});
</script>

<script type="text/javascript">
function findText(textBoxOrHtmlTagId, text) {
    $('#'+textBoxOrHtmlTagId+':contains('+text+')').css('background-color', 'Yellow');
});
$(document).ready(function(){
    $('#yourid').live('keydown', findText('yourid', $('#yourid').text());
});
</script>

应该工作:简而言之使用jQuery

10-08 16:56