How to replace text in anchor tag in jQuery?

Question

I have a anchor tag

 <a class="bx-prev" href="">Prev</a>

Now I want replace text "Prev" with

     <i class="fa fa-arrow-right" aria-hidden="true"></i> 

How to do it in jquery?

Answer 1

use this script, it'll work surely;

<a class="bx-prev" href="">Prev</a>

$(document).ready(function(){
$('.bx-prev').click(function(){
 $('.bx-prev').html('<i class="fa fa-arrow-right" aria-hidden="true"></i>');
 return false;
});

});