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" />');