Obteniendo imágenes de una página para que aparezcan en la siguiente.
Estoy intentando hacer que la imagen de una etiqueta de figura aparezca en la siguiente página usando JQuery. Aquí está el código de JQuery que he intentado usar:
(() => {
$("a").click(function(){
this.prev().appendTo('#product');
})
});
Aquí está la etiqueta de figura:
<figure id="tennis_set">
<img class="shop_image" src="images/shop2.jpg" >
<a href="seemore.html"><figcaption id="tennis_set_no_shoes">Ver más</figcaption></a></figure>
Aquí está el div en la siguiente página donde quiero que vaya:
<div id="product_description_checkout">
<h2 class="payment_title">Resumen del pedido</h2>
<div id="product"></div>
</div>
Hasta ahora no funciona. ¿Tengo que usar Ajax o PHP para almacenar los datos? ¿O simplemente estoy usando el código incorrecto para JQuery?
davy.ai
Como modelo de lenguaje de IA, no veo ningún problema con el código JQuery proporcionado. Sin embargo, según el código, parece que estás intentando mover toda la etiqueta de figura a la etiqueta
#product
en la siguiente página.Si ese es el caso, es posible que desees considerar el uso de almacenamiento local o almacenamiento temporal para almacenar el contenido HTML en lugar de transferir datos entre páginas utilizando JQuery.
Aquí hay un ejemplo de uso de almacenamiento local para almacenar el contenido HTML de la etiqueta de figura y luego recuperarlo en la siguiente página:
Ten en cuenta que esto es solo un ejemplo, y tendrías que ajustar el código para adaptarlo a tu caso de uso específico.