使用 jQuery，我试图替换所有出现的：
<code> ... </code>
和：
<pre> ... </pre>
我得到了以下内容，
$('code').replaceWith( "<pre>" + $('code').html() + "</pre>" );
但问题是它正在用第一个“代码”标签之间的内容替换（第二、第三、第四等）“代码”标签之间的所有内容。
例如
<code> A </code>
<code> B </code>
<code> C </code>
变成
<pre> A </pre>
<pre> A </pre>
<pre> A </pre>
我想我需要使用“这个”和某种功能，但恐怕我仍在学习，并不真正了解如何将解决方案拼凑在一起。
您可以将函数传递给.replaceWith [docs]：
$('code').replaceWith(function(){
return $("<pre />", {html: $(this).html()});
});
在函数内部，this指的是当前处理的code元素。
更新：有没有什么大的性能差异，但万一code元素具有其他HTML孩子，追加的孩子而序列化他们感觉是更正确的：
$('code').replaceWith(function(){
return $("<pre />").append($(this).contents());
});
您将始终获得 firstcode的内容是正确的，因为$('code').html()无论您在何处使用它，都将始终引用第一个元素。
相反，您可以使用.each迭代所有元素并单独更改每个元素：
$('code').each(function() {
$(this).replaceWith( "<pre>" + $(this).html() + "</pre>" );
// this function is executed for all 'code' elements, and
// 'this' refers to one element from the set of all 'code'
// elements each time it is called.
});
试试这个：
$('code').each(function(){
$(this).replaceWith( "<pre>" + $(this).html() + "</pre>" );
});
这个怎么样？
$('code').each(function () {
$(this).replaceWith( "<pre>" + $(this).html() + "</pre>" );
});