Question 30123 in Wordpress Question posted in
The official Wordpress documentation can be found here.

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

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

2

Answers


  1. 0

    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");
    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search