javascript - 如何抓取一个单词或字符并将其包装在 span 标签中？

Question

我试图在 div 中找到特定字符并将其包装在 span 标记中。

我想我可以使用类似的东西:

$('.breadcrumb:contains("»")').replaceWith('<span>»</span>');

但这改变了整个面包屑 div。

我做错了什么？

Answer 1

.replaceWith 仅适用于节点。您需要字符串方法 .replace() 代替:

var $bc = $('.breadcrumb');
$bc.html($bc.text().replace('»', '<span>»</span>'));

如 Craver 先生所建议的，您也可以调用:

$bc.html(function(i, html) {
    return html.replace('»', '<span>»</span>');
});

示例:http://www.jsfiddle.net/jwJKr/