jquery - 如何在 jquery 中使用 span 标签设置 htm

Question

这段代码工作正常：

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

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

但是像这样添加跨度样式颜色：

$("#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>");