我想将 添加到 内的每个单词。该链接应该包含它所包围的单词。该网页有许多不同的 h3。
<h3>add links</h3>
<h3>to each word</h3>
结果应该是这样的:
<h3><a href="add">add</a> <a href="links">links</a></h3>
<h3><a href="to">to</a> <a href="each">each</a> <a href="word">word</a></h3>
我不知道是否可以(或好)使用 PHP,否则 jQuery/JS 会很好!
您可以使用html()
使用回调函数来更新值
要使用锚标记更新它,请使用replace()
with regex
$('h3').html(function(i, v) {
return v.replace(/(\s*)(\w+)(\s*)/g, '$1<a href="$2">$2</a>$3');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h3>add links</h3>
<h3>to each word</h3>
为了避免编码 html 实体,请尝试此代码
$('h3').html(function() {
return $(this).text().replace(/(\s*)(\w+)(\s*)/g, '$1<a href="$2">$2</a>$3');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h3>add links</h3>
<h3>to each word</h3>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)