I am working with wordpress,I want to change "url"(product link) of "product-image" in "cart" page, So i have following code (dynamic)
<td class="product-name" data-title="Product">
<a href="abc.com/en/product/basic-c-organic/">Basic-C-Organic</a>
</td>
How can i change the url of this product with jquery,I tried with following code but not working,how can i do this ?
var product = $('.product-name').next("a").text();
You need to "find" the the a tag and the change the link with the .attr() of jquery
var product = $('.product-name').find("a").attr("href", "https://www.whatever-you-like.com");
You can do it like below:
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);
Running example:
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>Note: Now based on the product name (link text), the link URL will change dynamically once the page is loaded.