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

使用jquery将图像插入div

3 个答案: