Estoy trabajando con wordpress, quiero cambiar la "url" (enlace del producto) de la "imagen del producto" en la página del "carrito", así que tengo el siguiente código (dinámico)
<td class="product-name" data-title="Product"> <a href="abc.com/en/product/basic-c-organic/">Basic-C-Organic</a> </td>¿Cómo puedo cambiar la URL de este producto con jquery? Probé con el siguiente código pero no funcionó. ¿Cómo puedo hacer esto?
var product = $('.product-name').next("a").text();Debe "encontrar" la etiqueta a y cambiar el enlace con el .attr() de jquery
var product = $('.product-name').find("a").attr("href", "https://www.whatever-you-like.com");Puedes hacerlo como a continuación:
var urlReplacement = $('.product-name a').text(); var url = $('.product-name a').attr("href"); var pathComponent = url.split('/'); pathComponent[ pathComponent.length-1 ] = urlReplacement; url = pathComponent.join('/'); $('.product-name a').attr("href", url);Ejemplo de ejecución:
var urlReplacement = $('.product-name a').text(); var url = $('.product-name a').attr("href"); var pathComponent = url.split('/'); pathComponent[ pathComponent.length-1 ] = urlReplacement; url = pathComponent.join('/'); $('.product-name a').attr("href", url); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td class="product-name" data-title="Product"> <a href="abc.com/en/product/basic-c-organic">delat-Organic</a> </td> </tr> </table>Nota: Ahora, según el nombre del producto (texto del enlace), la URL del enlace cambiará dinámicamente una vez que se cargue la página.