javascript - JQuery 删除超链接并替换为文本

Question

如何从 li 中删除超链接并将其替换为其他文本？

<li class="pull-left">
     <a href="#" class="js-close-post" data-post-id="1">
       Close
     </a>
 </li>

以下删除整个 li。我想要的是淡出链接并淡入文本 Closed

<li class="pull-left">
    Closed

 </li>

  $(".js-close-post").click(function (e) {
        var link = $(e.target);
        link.parents("li").fadeOut(function () {
             $(this).remove();
        });

  });

Answer 1

使用 text('Closed')或 html('Closed')在 <li> 上会删除 <a>

尝试

$(".js-close-post").click(function (e) {  
     // "this" is the <a>      
     var $li = $(this).closest("li").fadeOut(function () {              
          $li.text('Closed').fadeIn();
     });
});