如何将网站上的关键字转换为与jQuery的链接

我正在尝试将一组关键字转换为我网站上的链接。 我目前正在使用此代码将一个关键字转换为链接。 但是，现在我想扩展它有几个词。 链接将始终相同，但关键字会更改，因此链接文本也必须反映出来。

这是我目前使用的代码：

 (function($) { var thePage = $("body"); thePage.html(thePage.html().replace(/Wedding Stationery/ig, 'wedding stationery')); })(jQuery)  

如何将其展开以使用5或6个关键字？

Answer 1

在循环中进行替换。 您可以在替换中使用$&来引用匹配的文本。

 var keywords = ['wedding stationery', 'something else', 'other keyword']; var thePage = $("body"); var theHtml = thePage.html(); for (i = 0; i < keywords.length; i++) { theHtml = theHtml.replace(new RegExp(keywords[i], 'ig'), '$&'); } thePage.html(theHtml); 

DEMO

Answer 2

我会建议这样的事情：

 var keywordsArray = ["place", "all", "of the", "keywords in here like this"]; var thePage = $("body"); for (var i = 0; i < keywordsArray.length; i++) { thePage.find(":contains("+keywordsArray[i]+")").each(function(){ var _this = $(this); var content = _this.html(); content.replace(keywordsArray[i], '' + keywordsArray[i] + ''); _this.html(content); }); };