如何在jquery中编写html内容？

Question

我需要通过jQuery动态地向这个div添加图像。通过调用ajax我从服务器端获取图像，只需要在HTML下面添加如下代码，我需要在jQuery中编写相同的代码以动态添加图像。

JSP代码：

<div class="sortable">
<div class="box span5" style="margin-left: 20px;">
<div class="box-header well" >
<h2><i class="icon-th"></i>Section </h2>
<div class="box-icon">
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
</div>
</div>
<div class="box-content"  style="height:230px;" > 
<img border="0" src="img/paichart1.png" alt="Pulpit rock" width="370" height="240" >
</div>
</div>
</div>

调用ajax的jQuery代码：

function studentatt() {
    alert(12);

    $.ajax({
        type: 'POST',
        url: 'dashbord.do?method=getGrade',
        success: function(Jsonresponce) {
            $.each(Jsonresponce, function(index, value) {
            });
        }
    });

    $("#studentatt").dialog("open");
}

Answer 1

在ajax函数中添加

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', value);
img.appendTo('#imagediv');

值应包含图片网址

将id添加到div标签

<div class="box-content"  style="height:230px;" id="imagediv"> 

Answer 2

尝试替换图像的属性，如下面的

 $('#picture').attr('src', 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcScY2K5EiTo3WPkagHP4JLQyNtCa0VcVTbr_1f_KbD5gqTp3cCRCqtQaaBLRQ');