remove specific text from html page using jquery

Question

I have an automated <li> list created in my page with some text as link:

<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>

I want to remove only the "hotels in " from the links. can I do it with jquery?

Answer 1

Try .text( function(index, text) )

.replace()

Fiddle Demo

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

Answer 2

try this

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


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

Demo