Как удалить тег а с меню jquery?

Question

[RushV]

Всем привет!
Есть меню:

<ul class="breadcrumb">
<li><a href="">ГЛАВНАЯ</a></li>
<li><a href="" rel="category tag">УСЛУГИ</a></li></ul>

Можно ли удалить с последнего пункта меню li тег а оставить только текст "УСЛУГИ" ?

Answer 1

[0xD34F]

Заменяем содержимое li на его же текст:

$('.breadcrumb').children().last().text((i, text) => text);

// или

document.querySelector('.breadcrumb').lastElementChild.innerText += '';

Или, заменяем вложенный элемент на его содержимое (т.е., если внутри a есть элементы, они не будут удалены):

$('.breadcrumb > :last > *').replaceWith((i, html) => html);

// или

(el => el.replaceWith(...el.childNodes))
(document.querySelector('.breadcrumb > :last-child > *'));

Comments

[RushV]

Спасибо!

Answer 2

[Марат Гарифуллин]

Такое?

const lastLi = $('.breadcrumb li:last-child');
lastLi.html(lastLi.text());