jquery - jqueryを使用してdivに画像を挿入する

Question

jquery を使用してテキストと画像を div に追加するのが好きです。

これを行うと、テキストを追加できます。

<script type="text/javascript">
$(document).ready(function () { 

$("#help").text('This is the description').css({"border": "1px solid", "color": "Black", "font-size": "14px", "font-weight": "bold", "padding": "30px 0 30px 0", "width": "auto", "height": "auto", "text-align": "left", "background": "lightyellow"});

私はこれを試しました：

$("#help").append('<img src="description.png" alt="box_plot_description" />'); 

});

jqueryを使用してこのテキストに画像を追加するにはどうすればよいですか?

テキストの後に追加を追加しましたが、追加は div を上書きしています。div の先頭にテキストを配置し、その後に画像を配置するのが好きです。

Answer 1

使用html()方法

$("#help").html('<img src="somesrc.jpg" alt="someimage" />');

作業サンプル: http://jsfiddle.net/HdFqr/3/

既存のコンテンツを保持して画像を追加する場合は、appendメソッドを使用します

$("#help").text("Some Text");
$("#help").append('<img src="somesrc.jpg" alt="someimage" />');

サンプル: http://jsfiddle.net/HdFqr/4/

appendToメソッドも使用できます

var img=$("<img />").attr("src","someimag.jpg");
img.appendTo($("#help"));

サンプル: http://jsfiddle.net/HdFqr/6/

Answer 2

追加する場合:

$('#divid').append('<img src="path" />');

特定の画像を設定したいだけの場合：

$('#divid').html('<img src="path" />');

Answer 3

で画像を挿入できます.html()

$("#help").html('<img src="description.png" alt="box_plot_description" />');