2

次のコードを使用して、JavaScript 内に動的 div を作成しています。

 var div = $('<div id="a1"></div>').html("<font color=green>This is demo</font>");

動的に作成された div 内のこのテキストの上に画像を追加したいのですが、それを達成する方法がわかりません。

for ループを使用して動的 div を作成しており、同時に画像を追加したいと考えています。

for(var i=0; i<size; i++)
    {
        //alert("Title for zeroth manual is: "+result.manuals[i].title);
        var div = $('<div id="a1"></div>').html("<font color=green>This is demo..</font>"); 
        $('#a1').prepend("<img src='iphone.png' />");
        $('#data').append(div);
    }

どうすればできますか？助けてください。

4

8 に答える 8

2 
var div = $('<div id="a1"></div>');
div.html("<font color=green>This is demo</font>");
div.prepend('<img src="...">');
于 2013-10-07T10:29:01.510 に答える
0

（質問の編集のために編集されました）

に追加するだけですhtml：

for(var I = 0; I < size; I++) {
    //alert("Title for zeroth manual is: "+result.manuals[I].title);
    var div = $('<div id="a'+ I + '"></div>').html('<img src="iphone.png" /><font color="green">This is demo..</font>'); 
    $('#data').append(div);
}

div には異なる ID が必要です (ID は現在 a1、a2、...)

于 2013-10-07T10:29:21.400 に答える
0

これは私がそれを行う方法です。

var div = $('<div/>',{id:"a1"});
$("<font/>",{color:"green"}).html("This is demo").appendTo(div);
div.prepend('<img/>',{src:"test.jpg"});
于 2013-10-07T10:33:41.930 に答える
0 
var div = $('<div id="a1"></div>').html("<img src='iphone.png' /><font color=green>This is demo</font>");

$('#test').append(div);
于 2013-10-07T10:35:53.393 に答える
0

試す -

for( var i = 0; i < size; i++ ) {
    var fontObj = $( '<font color=green>This is demo..</font>' );
    var imgObj = $( '<img src=".."/>' );

    var divToInsert = $( '<div id="a' + i + '"/>' );

    imgObj.appendTo( divToInsert );
    fontObj.appendTo( divToInsert );

    $('#data').append( divToInsert  );
}

それがうまくいくことを願っています:)

于 2013-10-07T13:39:45.987 に答える
-1

div を間違って参照していると思います。

試す$("div#a1").html....

これはセレクターと呼ばれます。それらを読むのに役立ちます。

于 2013-10-07T10:30:34.903 に答える