javascript - 如何将链接放入 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 使用单引号......只是不要混合)。