Javascript 如何在分页事件中突出显示数据表中的单词

我需要突出显示数据表中的多个单词https://datatables.net/.

目前，我的脚本突出显示表格第一页上的单词
第一次转到第二页时，第二页上的单词不会突出显示。但是，如果您转到另一页，然后再次回到第二页，它们将突出显示。依此类推。我知道，由于分页事件回调函数异步调用，第二页上的单词不会第一次突出显示

如何在分页事件中突出显示

hilitWrdArray[]

数组中的单词

$(document).ready(function() {

    var table = $('#example').DataTable( {
        searchHighlight: true
    } );

    new $.fn.dataTable.FixedHeader( table, {
        alwaysCloneTop: true
    });

    var hilitWrdArray = ["junior", "software", "chief", "regional", "specialist"];

    var myHilitor = new Hilitor('#example');
    myHilitor.apply(hilitWrdArray.join());

    $('#example').on('page.dt', function () {
      myHilitor.apply(hilitWrdArray.join());
    }.bind(null, myHilitor, hilitWrdArray));
} );

下面是完整的代码示例：

---

更新js fiddle如果对你有帮助，试试这个//jsfiddle.net/emp5gp6o/14/

是一种与数据表兼容的文本荧光笔。请看以下两个示例：

用法非常简单，如下所示：

$(function() {

  // Initialize DataTables
  var table = $('.datatables-table').DataTable({});

  // Initialize mark.js on table "draw" (search)
  table.on('draw', function() {

    // Get context
    var tableContent = $(table.table().body());
    // Specify keyword
    var keyword = ["junior", "software", "chief", "regional", "specialist"];
    // Remove previous marks
    tableContent.unmark();
    // Mark the new search keyword
    tableContent.mark(keyword);

  });

});

这将初始化表“draw”上的mark.js，其中包括分页事件

---

您还可以跟踪mark.js的DataTables插件。

试试这个，这正是我需要的。发布你的答案，我会投票。这不是我想要的。我想突出显示数组中的多个单词。与我的JSFIDLE示例中所示完全相同。我只是不知道如何在所有datatables页面上突出显示这些单词。@trex更新了答案。