在jQuery中添加引號的HTML

當用戶點擊我網站的供稿部分中的「like」時，我附加了一些HTML標籤。但它正在打破。我嘗試了很多網絡上可用的解決方案，但我找不到解決方案。在jQuery中添加引號的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>');

來源

2012-08-09 Stranger

什麼是您的HTML，您的輸入是什麼以及您希望輸出是什麼？而且你不能在'span'中包含'ul'，那將是無效的HTML。 – 2012-08-09 13:26:28

@DavidThomas：在這裏我不想要任何有效的html。我需要安全地將它們插入強標記。 – Stranger 2012-08-09 13:29:06

你明確想要使用無效的HTML？因爲這可能會和不可預知的，有點搞砸你的JavaScript。 – 2012-08-09 13:29:54

你需要逃避你的報價，試試這個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>");

來源

2012-08-09 13:33:29

-2

來自：

定製式= 「視圖-更」類= 「tiply_html_click」> 1更多'）;

是錯誤的...

來源

2012-08-09 13:26:49 Steve

自定義樣式也是一個屬性。 – Stranger 2012-08-09 13:30:32

解釋會在這裏繼續。顯然有**錯誤，但幫助OP將包括建議如何解決這個問題...... – Lix 2012-08-09 13:30:35

@Udhay，我沒有暗示自定義樣式是錯誤的，只是指向標記的一部分無效。 – Steve 2012-08-13 10:52:33

您有您的報價問題。用雙引號包裝了一個字符串，但在字符串中使用了雙引號，因此終止了字符串文字。

嘗試逃避內部雙引號（\"）這樣的 -

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

來源

2012-08-09 13:27:17 Lix

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

來源

2012-08-09 13:31:43 darma

你需要逃避那些在<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>');

來源

2012-08-09 13:36:32 Mark

這對我來說很有魅力。謝謝 – vicky 2013-09-29 17:41:10

你應該使用轉義單引號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>');

來源

2012-08-09 13:37:28

在jQuery中添加引號的HTML

回答

相關問題