Question

当用户点击我网站的供稿部分中的“喜欢”时，我会添加一些HTML标记。但它正在打破。我尝试了网上提供的大量解决方案，但我找不到解决方案。

以下是我正在使用的代码：

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

Answer 2

您的报价出现问题。你用双引号包装了一个字符串，但后来在字符串中使用了双引号，因此终止了字符串文字。

尝试转义内部双引号（\"），如下所示 -

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

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 4

您需要转义<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 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”＆gt; 1 more'）;

错了......

在JQuery中添加带引号的html

6 个答案: