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

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

CodePudding user response：

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  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.

CodePudding user response：

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