JQuery .replaceWith（）html元素到div类

Question

我想替换

<div class="blog">Blog</h1>

与

<h1>Blog</h1>

位于班级名称＆＃34;侧栏＆＃34;

中

我使用了这段代码，但没有工作：

$(window).load(function() {
    $( ".sidebar h1" ).replaceWith( "<div class="blog">Blog</h1>" );
}

我的代码出了什么问题？

Answer 1

如果要在由双引号分隔的字符串中使用双引号，则必须使用反斜杠转义它们：

"<div class=\"blog\">Blog</h1>"

许多程序员对JavaScript字符串使用单引号，这样可以更容易地为嵌入式HTML使用双引号。

另请注意，标签应使用匹配的标签关闭。而不是

'<div class="blog">Blog</h1>'

......这样做：

'<div class="blog">Blog</div>'

这是一个解决方案：

$('.sidebar h1').replaceWith('<div class="blog">Blog</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar">
  <h1>Blog</h1>
</div>

Answer 2

首先，打开div标签并关闭h1标签。

其次，你的引号在.replaceWith位中不匹配。

我会这样做：

<h1 id="replaceme">Blog</h1>
<script>
$(window).load(function() {
    $("#replaceme").replaceWith('<div class="blog">Blog</div>');