使用jQuery从HTML页面中删除特定文本

Question

我在页面中创建了一个自动的<li>列表，其中一些文本作为链接：

<ul class="continents">
   <li class="link"><a href="#">hotels in USA</a></li>
   <li class="link"><a href="#">hotels in Europe</a></li>
   <li class="link"><a href="#">hotels in Asia</a></li>
   <li class="link"><a href="#">hotels in Africa</a></li>
</ul>

我只想从链接中删除"hotels in " 。 我可以用jQuery吗？

Answer 1

试试.text（function（index，text））

。更换（）

小提琴演示

$('.continents a').text(function (_, old){
    return old.replace('hotels in ', '');
});

Answer 2

尝试这个

$(".continents li>a").each(function () {


   console.log($(this).html().replace('hotels', ''));
});

演示