Javascript 如何使用jquery将html代码添加到div中

Javascript 如何使用jquery将html代码添加到div中,javascript,jquery,html,Javascript,Jquery,Html,这是我的html代码: <div class="admin__field-control control"> <input id="page_image" name="image" data-ui-id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image" value="0" title="Background Image" tabindex="1" onchange=

这是我的html代码:

<div class="admin__field-control control">
            <input id="page_image" name="image" data-ui-id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image" value="0" title="Background Image" tabindex="1" onchange="imagechange()" class="input-file" style="" type="file"></div>

我想使用jquery执行以下操作:

    <div class="admin__field-control control">
<img id="page_image_image" class="small-image-preview v-middle" src="pokeball.png" title="pokeball.png" alt="pokeball.png" data-ui-id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image" width="22" height="22">
  <input id="page_image" name="image" data-ui-id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image" value="0" title="Background Image" tabindex="1" class="input-file" style="" onchange="imagechange()" type="file">
</div>

如何使用jquery。。。请帮我…

使用

var apnd='';
$('.admin\u field-control')。追加(apnd);
使用

var apnd='';
$('.admin\u field-control')。追加(apnd);

请参阅下面的代码片段新图像源将是从“选择图像”选项中选择的图像源

函数imagechange(){
var image=document.createElement('img');
image.src=$(“.input file”).val();
$(图像).appendTo(“.admin\u field-control”);
}

请参阅下面的代码片段新图像源将是从“选择图像”选项中选择的图像源

函数imagechange(){
var image=document.createElement('img');
image.src=$(“.input file”).val();
$(图像).appendTo(“.admin\u field-control”);
}

使用jQuery

$(文档).ready(函数(){
var html='';
$(“.admin\u field-control”).prepend(html);
});
使用jQuery

$(文档).ready(函数(){
var html='';
$(“.admin\u field-control”).prepend(html);
});

如果要向现有元素添加内容,请查看append方法-如果要向现有元素添加内容,请查看append方法-
   var apnd = '<img id="page_image_image" class="small-image-preview  v-middle" src="pokeball.png" title="pokeball.png" alt="pokeball.png" data-ui- id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image"  width="22" height="22">';
   $('.admin__field-control').append(apnd);
$(document).ready(function () {
    var html = '<img id="page_image_image" class="small-image-preview v-middle" src="pokeball.png" title="pokeball.png" alt="pokeball.png" data-ui-id="adminhtml-grid-edit-tab-templatesetup-0-fieldset-element-file-image" width="22" height="22">';
    $(".admin__field-control").prepend(html);

});