Я работаю с wordpress, я хочу изменить «url» (ссылку на продукт) «изображения продукта» на странице «корзина», Итак, у меня есть следующий код (динамический)
<td class = "product-name" data-title = "Product">
<a href = "abc.com/en/product/basic-c-organic/">Basic-C-Organic</a>
</td>
Как я могу изменить URL-адрес этого продукта с помощью jquery, я пытался использовать следующий код, но не работал, как я могу это сделать?
var product = $('.product-name').next("a").text();
Вам нужно «найти» тег a и изменить ссылку на .attr() jquery.
var product = $('.product-name').find("a").attr("href", "https://www.whatever-you-like.com");
нет, я хочу изменить в соответствии с названием продукта (условием), потому что у меня есть 3 разных продукта, поэтому, пожалуйста, обновите свой ответ
Вам нужно самостоятельно изменить часть "все, что вам нравится.com". Потому что в своем исходном сообщении вы не упомянули о том, что что-то подобное должно происходить в цикле или указывать на это. Я дал вам хорошую отправную точку о том, как достичь того, о чем вы изначально просили. Если исходное сообщение от вас не то, для чего вы ищете помощь, я бы порекомендовал прочитать эту статью, прежде чем публиковать stackoverflow.com/help/как спросить.
Этот ответ решает проблему в вашем вопросе. Если ваш вопрос не соответствует вашей реальной ситуации, я бы предложил отметить этот ответ как правильный и начать новый вопрос, убедившись, что в новом вопросе указаны ВСЕ необходимые детали.
Вы можете сделать это, как показано ниже:
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-адрес ссылки будет динамически изменяться после загрузки страницы.
Должно быть
$('.product-name').find("a")
, так как ссылка является дочерней по отношению к вашему td. И если вам нужно изменить URL, используйте$('.product-name').find("a").attr("href","newUrl")