在保持任何嵌套链接正常运行的同时,我如何将段落中的每个单词都用一个 span 包裹起来?从这里使用下面的代码我很接近,但是在空格上分割会在a
和href
结果之间插入一个跨度,结果如下:
<p><span><a< span> <span>href="#">this</span></a<></span></p>
这显然会使链接无法使用。
$('p').each(function() {
var text = $(this).html().split(/\s+/),//split on space
len = text.length,
result = [];
for( var i = 0; i < len; i++ ) {
result[i] = '<span>' + text[i] + '</span>';
}
$(this).html(result.join(' '));
});
Jsfiddle here也许更好地说明了我的观点。谢谢!