javascript - body 标签 : then add class to all elements containing the matches 中的正则表达式匹配

Question

这是我的 body :

<div>http://www.example.com</div>
<span>http://www.mywebsite.com</span><br>
<b>http://www.domain.com</b>

这是我的简单正则表达式(有效):

document.body.innerHTML.match(/(http|https|ftp):\/\/(?:www\.)?([a-z]|\d|-)+\.(?:([a-z]|-)+\.)*?(com|net|org)(?:\/)?/ig);

如何向包含 javascript 或 jquery 中的匹配项的所有元素添加一个类？示例:

<div class="matchClass">http://www.example.com</div>
<span class="matchClass">http://www.mywebsite.com</span><br>
<b class="matchClass">http://www.domain.com</b>

DEMO

Answer 1

你在找类似的东西吗

$('body').children()
    .filter(function () {
    return this.innerHTML.match(/(http|https|ftp):\/\/(?:www\.)?([a-z]|\d|-)+\.(?:([a-z]|-)+\.)*?(com|net|org)(?:\/)?/ig);
}).addClass('matchClass');

JSFiddle