jQuery Wrap innerHTML

时间:2011-03-17 13:07:16

标签: jquery html

我有像这样的HTML

<a href="#">like me on facebook</a>

我想包装文本facebook,结果就像这样

<a href="#">like me on <span class="facebook-text">facebook</span></a>

如何在jQuery中做到这一点?

2 个答案:

答案 0 :(得分:6)

var html = $('a').html();
$('a').html(html.replace(/facebook/, '<span class="facebook-text">facebook</span>'));

如果你想在字符串中替换所有出现的facebook:

var html = $('a').html();
$('a').html(html.replace(/facebook/gi, '<span class="facebook-text">facebook</span>'));

答案 1 :(得分:1)

也许您可以使用$(...)。contents()函数来访问锚标记的子节点。

http://api.jquery.com/contents/