replaceWith() P by Span 保留实际内容答案

【问题标题】：replaceWith() P by Span keeping the actual contentreplaceWith() P by Span 保留实际内容
【发布时间】：2018-05-05 13:20:41
【问题描述】：

我似乎无法用 span 替换 p 标签来保留实际内容。如果你能帮助我，谢谢。

$('.anim-letters p').replaceWith( "<span class='letters'>" + $('this').text() + "</span>" );

上面的代码是重复的。随着下面的代码内容消失：

$('.anim-letters p').replaceWith( "<span class='letters'>" + $('.anim-letters p').text() + "</span>" );

【问题讨论】：

【解决方案1】：

你可以试试这个：

var text = $('.anim-letters p').text();

或

var text = $('.anim-letters p').html();

$('.anim-letters').append( "<span class='letters'>" + text + "</span>" );

【讨论】：

谢谢，但不幸的是第一个解决方案复制了文本，第二个我不能使用它们，因为“p”标签是由 tinyMCE 生成的，我会随时更改文本。同样，我注意到“动漫字母”代码仅适用于一行，而我有两行。
第二种解决方案使用“replaceWith()”而不是“append()”，但只考虑第一段。我有两行/段落