.append .prepend .html我應該為此使用

Question

   $('document').ready(function(){
$('#gfooter').append("<div style="text-align:center; width:800px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_3201211230108478" src="http://i.imgur.com/aHKja.png" usemap="#Image-Maps_3201211230108478" border="0" width="800" height="400" alt="" />
<map id="_Image-Maps_3201211230108478" name="Image-Maps_3201211230108478">
<area shape="rect" coords="84,184,253,353" href="www.facebook.com" alt="Facebook" title="Facebook"    />
<area shape="rect" coords="316,184,485,353" href="www.twitter.com" alt="Twitter" title="Twitter"    />
</map>
</div>
");
});

我正在嘗試將此HTML附加到div #gfooter中。 盡管它似乎不起作用。 誰能向我解釋為什么？>

Answer 1

每當您在雙引號中添加內容時，下次使用雙引號時，它就會“轉義”。 因此，請使用以下任一格式：

$.append("<a href='#'>link</a>");

$.append('<a href="#">link</a>');

我喜歡第二個，因為它允許我像平常一樣鍵入HTML（使用雙引號）。 希望能幫助到你！

Answer 2

您需要使用反斜杠對字符串文字中的引號進行轉義。

var somestring = "<div id=\"something\">";