jquery - JQueryで引用符を使用してHTMLを追加する

Question

ユーザーが私のウェブサイトのフィードセクションで「いいね」をクリックしたときに、いくつかのHTMLタグを追加しています。しかし、それは壊れています。Webで利用できる多くのソリューションを試しましたが、ソリューションが見つかりませんでした。

これが私が使用しているコードです：

$('#feed20').find('strong')
.append('<span original-title="<ul><li>
<a href="http://localhost/forex/profile/username">username</a>
</li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');

Answer 1

引用符をエスケープする必要があります。このjsFiddleを試してください

$("#feed20").find("strong").append("<span original-title=\"<ul><li><a href='http://localhost/forex/profile/username'>username</a></li></ul>\" custom-style=\"view-more\" class=\"tiply_html_click\">1 more</span>");

</ p>

Answer 2

<a>href属性で使用されている二重引用符をエスケープする必要があります

$('#feed20').find('strong').append('<span original-title="<ul><li><a href=\'http://localhost/forex/profile/username\'>username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');

Answer 3

見積もりに問題があります。文字列を二重引用符で囲みましたが、文字列で二重引用符を使用したため、文字列リテラルが終了しました。

このように内部二重引用符（）をエスケープしてみてください\"-

'<span original-title="<ul><li><a href=\"http://localhost/forex/profile/username\">username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>'

Answer 4

HTML属性のデータはhtmlentitizedである必要があります。試してみてください：

$('#feed20').find('strong').append('<span original-title="&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://localhost/forex/profile/username&quot;&gt;username&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;" custom-style="view-more" class="tiply_html_click">1 more</span>');

Answer 5

hrefには、エスケープされた一重引用符を使用する必要があります。

$('#feed20').find('strong').append('<span original-title="<ul><li><a href=\'http://localhost/forex/profile/username\'>username</a></li></ul>" custom-style="view-more" class="tiply_html_click">1 more</span>');

Answer 6

から ：

custom-style = "view-more" class = "tiply_html_click"> 1 more'）;

間違っている...