jquery - jqueryでスパンタグでhtmを設定する方法

Question

このコードは正常に動作しています:

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

つまり、myp world では太字で表示されます

しかし、次のようにスパンスタイルの色を追加します:

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

Web ページに何も表示されません。

私は何を間違っていますか？

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>');