0

次のコードを入力すると：

$('.whatever').html("LOL");

できます。しかし、私が構築している Web サイトでは、単なる文字列以上のものを追加する必要があります。

これは私が追加したいものです：

<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>
<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>
<div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>

しかし、上記の HTML コードを html() 関数に入れても何も起こりません。構文に関して、私がやっている明らかな間違いは何だろうと思っています。感謝します！

4

5 に答える 5

1

一重引用符で試してください$('.whatever').html('LOL');

http://jsfiddle.net/83DSu/1/

于 2012-12-11T14:00:30.940 に答える
1 
$('.whatever').html('<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div><div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div><div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>')

次のコードを使用すると、div の html コンテンツを置き換えることができます。

または、文字列を作成するだけです

text= '<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>'+'<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>'
$('.whatever').html(text)
于 2012-12-11T14:52:35.723 に答える
0

一重引用符と二重引用符に問題がある可能性があります

$('.whatever').html(
   '<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>'+
   '<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>'+
   '<div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>'
);

http://jsfiddle.net/83DSu/

于 2012-12-11T14:37:07.927 に答える
0

正しく脱出すれば完璧に機能します

3つの異なるオプションを使用したデモ

var html1 ="<div class=\"pic\"><img class=\"left\" src=\"img/happy-man.jpg\"/ >" + 
           "</div><div class=\"pic\"><img class=\"happy\" src=\"img/happy-woman.jpg\"/ ></div>" +
           "<div class=\"pic\"><img class=\"right\" src=\"img/happy-celeb.jpg\"/ ></div>";

$('#whatever').html(html1);

var html2 = "<div class='pic'><img class='left' src='img/happy-man.jpg'/ ></div>" + 
            "<div class='pic'><img class='happy' src='img/happy-woman.jpg'/ ></div>" + 
            "<div class='pic'><img class='right' src='img/happy-celeb.jpg'/ ></div>";

$('#whatever2').html(html2);

var html3 = '<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>' +
            '<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>' +
            '<div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>';

$('#whatever3').html(html3);
于 2012-12-11T14:29:04.320 に答える