欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.mark.js table

夏志豪2年前8瀏覽0評論

jquery.mark.js是一款很強大的文本高亮插件,可以幫助我們在頁面中快速找到想要的文字。除了文本高亮功能,jquery.mark.js還支持在table表格中進行關鍵字高亮。

在使用jquery.mark.js進行table表格關鍵字高亮時,我們需要注意以下幾點:

// 首先引入jquery和jquery.mark.js
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><script src="https://cdn.jsdelivr.net/npm/mark.js/dist/jquery.mark.min.js"></script>// 然后定義關鍵字
var keyword = "jquery";
// 接著找到table并對其中的td標簽進行高亮
$('table td').each(function() {
$(this).mark(keyword);
});

通過以上代碼,我們可以輕松地在table表格中進行關鍵字高亮。然而,有時候我們想要只對表格中某一列進行高亮,這時候我們需要用到jquery的選擇器來篩選出對應的td標簽。

// 只對第二列進行高亮
$('table td:nth-child(2)').each(function() {
$(this).mark(keyword);
});

以上代碼中的:nth-child(2)表示只選取table中第二列的td標簽進行高亮。

除了關鍵字高亮,jquery.mark.js還支持一些其他功能,如忽略大小寫、只高亮完全匹配、設定高亮顏色等。具體使用可以查看官方文檔。