刪除圖標在錨標記

Question

我想用刪除錨標記圖標刪除添加的列表不工作，但它移除並重新打開列表

$('.list').on("click", ".remove", function() { 
 
      $(this).parent().remove(); 
 
     });

<ul class="list"> 
 
<li><a href="#">List[i]<i class="fa fa-remove remove"></i></a></li> 
 
</ul>

Answer 1

您要刪除a，使用closest刪除列表項

$('.list').on("click", ".remove", function() { 
     $(this).closest('li').remove(); 
    }); 

Answer 2

給予一定的價值斜體標籤，以便您可以點擊它。

$('.list').on("click", ".remove", function() { 
 
      $(this).parent().remove(); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="list"> 
 
<li><a href="javascript:;">List[i]<i class="fa fa-remove remove">X</i></a></li> 
 
</ul>