Cómo crear un elemento de enlace con la imagen como anclaje con jquery?

Question

sé cómo crear elementos con jQuery usando algo como:

$('<div/>').appendTo('body'); 

¿Cómo puedo crear esto:

<a href=""><img src="" /></a> 

Utilizando la misma técnica?

Answer 1

$('<img />').attr({ 
    src:'some image url', 
    width:'width in intiger', 
    height:'integer' 
}).appendTo($('<a />').attr({ 
    href:'somelink' 
}).appendTo($('#someElement'))); 

Answer 2

Primero puede seleccionar el elemento html usando jquery y luego usar el método "html()" para establecer el html deseado. Este es un ejemplo:

$('div.demo-container') 
    .html('<a href=""><img src="" /></a>'); 

Lo único es que debes ser capaz de identificar de forma exclusiva el div deseada que desea modificar. Probablemente al establecer id o clase.

Answer 3

Bueno .. usted puede hacer: $('<a href="http://mysite.com"><img src="/img/img.jpg" /></a>').appendTo('#myDIV')

Answer 4

Primero debe averiguar si hay un elemento de envoltura alrededor de donde le gustaría para inyectar este contenido. En jQuery que utilizaría la función:

$('.inner').append('<p>Test</p>'); 

permite decir que esto era su elemento DOM:

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner">Hello</div> 
    <div class="inner">Goodbye</div> 
</div> 

Cualquier artículo con la clase ".inner" ahora se añadirá un párrafo con la palabra "prueba "

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner"> 
     Hello 
     <p>Test</p> 
    </div> 
    <div class="inner"> 
     Goodbye 
     <p>Test</p> 
    </div> 
</div> 

salida documentación de jQuery para obtener más información: http://api.jquery.com/append/

Answer 5

Esto funciona agregando un objeto de imagen.

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')