如何在jquery中设置带有span标签的html

Question

这段代码工作正常：

$("#myp").html("Hello <b>world!</b>");

即。它以粗体显示在myp世界中

但是添加了span样式颜色：

$("#myp").html("<span style="color: #F00;">Hello </span><b>world!</b>");

不再起作用，它不会在网页中显示任何内容

我做错了什么？

Answer 1

在字符串中转义双引号：

$("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");

或使用单身：

$("#myp").html("<span style='color: #F00;'>Hello </span><b>world!</b>");

Answer 2

你必须转义字符串中的引号：

$("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");

或者使用不同的字符串分隔符：

$("#myp").html('<span style="color: #F00;">Hello </span><b>world!</b>');

Answer 3

添加样式时使用单引号

            $("#myp").html("<span style='color: #F00;'>Hello </span><b>world!</b>");

或在添加样式

时转义内部使用的双引号

             $("#myp").html("<span style=\"color: #F00;\">Hello </span><b>world!</b>");