How to find and repalce anchor tag link inside td in php

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();

Answer

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.