我正在使用 wordpress,我想在“購物車”頁面中更改“產品圖片”的“網址”(產品鏈接),所以我有以下代碼(動態)
<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();
uj5u.com熱心網友回復:
你可以這樣做:
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>
注意:現在基于產品名稱(鏈接文本),一旦頁面加載,鏈接 URL 將動態更改。
uj5u.com熱心網友回復:
您需要“找到” a 標簽并使用 jquery 的 .attr() 更改鏈接
var product = $('.product-name').find("a").attr("href", "https://www.whatever-you-like.com");
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/476055.html
標籤:javascript jQuery WordPress
