如何将链接放入jQuery .html()函数中

Question

我正在尝试制作一个单页诗歌页面，通过替换元素内部的内容在诗歌之间翻转。我遇到的问题是替换图像链接，因为 Javascript 将双斜杠"//"标记为注释，因此它会使链接断开。有没有办法将任何变量设置为整个 img 标签以及其中的链接？

function loadDreams() {
      $("h2").html("Dreams");
      $("h3").html("by Langston Hughes");
      $("p").html("Hold fast to dreams<br>For if dreams die<br>Life is a broken-winged bird<br>That cannot fly.<br><br>Hold fast to dreams<br>For When dreams go<br>Life is a barren field<br>Frozen with snow.<br>");
      $("div").html("<img src="http://3.bp.blogspot.com/-8cbVCg0AU3I/Tz19x0To6bI/AAAAAAAABCA/evbuLgR4bu4/s400/3junco3.jpg" class="image">");
    }

Answer 1

问题是你用双引号打开你的 JavaScript 字符串文字，然后无意中用 src 属性双引号关闭字符串。只要它在字符串文本中，就可以//。

最好对 JS 字符串使用单引号之类的东西，以便 HTML 双引号可以在内部和平共存。(或者对JS使用双引号，对HTML使用单引号...只是不要混合(。

Answer 2

$("div").html("<img src='http://3.bp.blogspot.com/-8cbVCg0AU3I/Tz19x0To6bI/AAAAAAAABCA/evbuLgR4bu4/s400/3junco3.jpg' class='image'>");

单数引用 html("( 中的东西应该这样做。目前，您实际上是在"

Answer 3