¿Cómo puedo agregar la etiqueta aroud con un enlace a esa imagen con JQuery?JQuery agregar la etiqueta <a> alrededor de <img>
Respuesta
Esto envolver un conjunto de imágenes con enlaces a ellos:
$('some selector for the images').each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
});
... utiliza .each
(link), .wrap
(link), y el DOM nativa src
(link) Propiedad de elementos de imagen.
Editar O como señala puntiagudo (pero no deliberadamente), sólo tiene que pasar una función en wrap
:
$('some selector for the images').wrap(function() {
return "<a href='" + this.src + "'/>";
});
$('#img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
'# img' debería ser' img'. No tiene sentido seleccionar un elemento que sea único y usar la función 'each'. : P – BrunoLM
en realidad lo hace, ya que debe seleccionar el elemento. Podría haber hecho $ ('# img'). wrap ('); pero esto muestra un poco más de uso de jquery. punto válido, aunque^_^ – DoXicK
no, Bruno tiene razón. estás llamando a cada uno en un elemento. debería ser $ ('img'). – EMMERICH
- 1. jquery agregar <thead> y agregar <tbody>
- 2. ¿Es incorrecto colocar la etiqueta <script> después de la etiqueta</body>?
- 3. jQuery incrementa el valor de <span> etiqueta
- 4. ¿Cuál es la etiqueta <dl>?
- 5. ¿La etiqueta <noscript> está obsoleta?
- 6. Rails y la etiqueta <span>
- 7. ¿La etiqueta <tr> es opcional?
- 8. jquery <a> etiqueta, haga clic en evento
- 9. jQuery versión 1.5 - ajax - <script> etiqueta timestamp problema
- 10. JQuery, establecer atributo para <a> etiqueta
- 11. IE <= 8 elimina la etiqueta <form> cuando se recibe de AJAX
- 12. <img> vs <image> etiqueta en HTML
- 13. ¿Qué reemplazar <span> en <form> con? "En XHTML 1.1, la etiqueta <form> no puede contener la etiqueta <span>
- 14. selector de CSS para buscar <select> con la etiqueta <option>
- 15. <optgroup> seleccionable en HTML <select> etiqueta
- 16. agregar <br/> tomar después de</span> con jquery
- 17. TextMate js.erb: alternar <%= %>, <% %>
- 18. ¿Es válido tener una etiqueta <section> dentro de otra etiqueta <section>?
- 19. ¿Cuál es la diferencia entre la etiqueta de script y la etiqueta "<%....%>"?
- 20. ¿La lista de definición <dl> requiere que cada <dd> tenga la etiqueta <dt>?
- 21. <script> etiqueta debe incluir etiqueta separada</script>?
- 22. JSP: etiqueta <c:out> de JSTL
- 23. Cómo configurar la etiqueta <img> con autenticación básica
- 24. inserte la etiqueta <? Xml-stylesheet con xsl
- 25. ¿Podemos agregar un <span> dentro de la etiqueta H1?
- 26. ¿Cómo insertar una etiqueta HTML alrededor de la primera letra de una etiqueta específica con JQuery?
- 27. Escapar</script> etiqueta dentro Javascript
- 28. <blink> etiqueta en Internet Explorer
- 29. HTML5 <audio> etiqueta en Android
- 30. Uso intensivo de la etiqueta "<? Php" de PHP
También es posible usar '.wrap()' con una función como argumento; probablemente un lavado. – Pointy
¡Gracias, funciona! – Simon
@Pointy: * suspiro * ¿Cuándo lo aprenderé? Yo * sé * eso, y aun así sigo escribiendo 'cada '... Gracias. –