Question

我试图制作一个单页诗歌页面，通过替换元素内部的内容来翻阅诗歌。我遇到的问题是替换图像链接，因为Javascript标记了双斜线＆＃34; //＆＃34;作为评论，所以它使链接中断。有没有办法将任何变量设置为整个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

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

html中的奇异引用内容（＆＃34;＆＃34;）应该这样做。目前你在＃34;＆lt;;＆lt ;;＆lt; img src =＆＃34;

Answer 2

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

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

Answer 3

不要将<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">');
}

你如何把链接放在jQuery .html（）函数中

3 个答案: