突出显示数据表搜索字符串

Question

我使用数据表来显示数据库表记录。在这里，我必须突出显示搜索字符串。我谷歌它，并找到以下链接。

jQuery plugin DataTables: How to highlight the current search text?

就我而言，它不起作用。可能是因为我使用ajax方法来加载数据。

"sAjaxSource": "test.php"

请告诉我，如何实现这一点。感谢

Answer 1

我尝试使用动态内容突出显示JQuery插件并且工作正常：http://goo.gl/kezH0o

所以我需要更多关于你的问题的信息来帮助你（可能有些代码？）

Answer 2

HTML：

    <div id="results"><h1>Search for: Lorem ipsum, it will be highligted.</h1>
    <ul>
    <li>One Lorem ipsum</li>
    <li>Two Lorem ipsum Lorem ipsum</li>
    <li>Just Lorem</li>
    <li>None of it</li>
    </ul>
    </div>

的CSS：

    .highlight { background-color: yellow }

的javascript：

    var search = "Lorem ipsum";

    $.ajax({
        url: '/echo/html/',
        data: {
        search: search,
        delay: 1
    },
        type: "POST",
        dataType: "html"
    }).done(function() {
        $('#results ul').highlight(search);
    });