jquery.mark.js是一款很強(qiáng)大的文本高亮插件,可以幫助我們在頁面中快速找到想要的文字。除了文本高亮功能,jquery.mark.js還支持在table表格中進(jìn)行關(guān)鍵字高亮。
在使用jquery.mark.js進(jìn)行table表格關(guān)鍵字高亮?xí)r,我們需要注意以下幾點(diǎn):
// 首先引入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>// 然后定義關(guān)鍵字 var keyword = "jquery"; // 接著找到table并對其中的td標(biāo)簽進(jìn)行高亮 $('table td').each(function() { $(this).mark(keyword); });
通過以上代碼,我們可以輕松地在table表格中進(jìn)行關(guān)鍵字高亮。然而,有時候我們想要只對表格中某一列進(jìn)行高亮,這時候我們需要用到j(luò)query的選擇器來篩選出對應(yīng)的td標(biāo)簽。
// 只對第二列進(jìn)行高亮 $('table td:nth-child(2)').each(function() { $(this).mark(keyword); });
以上代碼中的:nth-child(2)表示只選取table中第二列的td標(biāo)簽進(jìn)行高亮。
除了關(guān)鍵字高亮,jquery.mark.js還支持一些其他功能,如忽略大小寫、只高亮完全匹配、設(shè)定高亮顏色等。具體使用可以查看官方文檔。