Wie HTML-Code in div mit jquery

Question

Dies ist mein HTML-Code hinzufügen

<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> 

Wie es möglich ist, mit Jquery ... bitte helfen Sie mir ...

Answer 1

Verwendung 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); 

Answer 2

Siehe das folgende Code-Snippet. New Bildquelle wird die man wählen Bild Option ausgewählt sein

function imagechange(){ 
 
    var image = document.createElement('img'); 
 
    image.src = $(".input-file").val(); 
 
    $(image).appendTo(".admin__field-control"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

Answer 3

Verwendung jQuery prepend()

$(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); 

});