Как поменять ссылку и текст элемента в div?

Question

[Nik Master]

Как поменять текст и ссылку пункта "Товар"?

<div id="ins-breadcrumbs" class="ins-breadcrumbs">
    <a href="http://test.ct41468.tmweb.ru">Home</a>
    <i class="fa fa-angle-right"></i>
    <a href="http://test.ct41468.tmweb.ru//product/">Товар</a>
    <i class="fa fa-angle-right"></i>
    <span class="current">Cardio</span>
</div>

Через JS никак путь не пропишу к этому элементу. Подскажите кто что думает.

Answer 1

[Nik Master]

Накопал всё-таки ответ.)

jQuery(function($) {
    $('#ins-breadcrumbs>a:nth-of-type(2)').text('Каталог');
    $('#ins-breadcrumbs>a:nth-of-type(2)').attr('href', 'http://test.ct41468.tmweb.ru/catalog/');
});

Comments

[Антон Литвиненко]

Это костыль и хардкод. Если с первым элементом допустимо, то так никто не делает.
Надо искать замену этим хлебным крошкам

[Nik Master]

Антон Литвиненко, Это понятно. Но пока нет возможности поставить на сайт другие хлебные крошки. Плагин только если ставить.

[Антон Литвиненко]

Nik Master, плагин, да. или от wp-kama, могу дать. даже они с переводом

[Nik Master]

Антон Литвиненко, Да я в принципе сделал только для страницы товара этот костыль, думаю пока пойдёт.

Answer 2

[Владимир Ясанкин]

Для DIV создаешь коллекцию тегов a. 2 элемент коллекции нужная ссылка.