如何在 php 中的 td 中查找和替换锚标记 link

Question

我正在使用 wordpress，我想更改“购物车”页面中“产品图片”的“url”（产品 link），所以我有以下代码（动态）

<td class="product-name" data-title="Product">
<a href="abc.com/en/product/basic-c-organic/">Basic-C-Organic</a>
</td>

如何使用 jquery 更改此产品的 url，我尝试使用以下代码但无法正常工作，我该怎么做？

var product = $('.product-name').next("a").text();

Answer 1

您需要“找到”a 标签并使用 jquery

的 .attr() 更改 link

var product = $('.product-name').find("a").attr("href", "https://www.whatever-you-like.com");

Answer 2

您可以像下面这样操作：

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

运行示例：

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>

注意：现在根据产品名称（link 文本），link URL 将在页面加载后动态更改。

如何在 php 中的 td 中查找和替换锚标记 link

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

javascript

wordpress

jquery