從ul刪除動態創建的包含多個源的li

Question

<div class="panel-body"> 
    <ul> 
     <li class="clearfix"><span class="pull-left">One leg</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt="" /><span>Add to Cart</span></a></li> 
     <li class="clearfix"><span class="pull-left">Two Leg</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li> 
     <li class="clearfix"><span class="pull-left">Full</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li> 
     <li class="clearfix"><span class="pull-left">Half</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li> 
    </ul> 
</div> 

<ul id="ae__orders__content"> 
</ul> 



$(document).ready(function() { 

    $(".clearfix").click(function() { 
     var temp = $(this).text(); 
     var updatedString = temp.replace("Add to Cart", ""); 

     $("#ae__orders__content").append("<li id=\"" + updatedString + "\" class=\"clearfix\"><span class=\"pull-left\">"); 
     $("#ae__orders__content").append("<b>" + updatedString + "</b></span><a href=\"#\" class=\"ae__remove-cart pull-right\"><img src=\"images/sm-icon.png\" alt=\"\">Remove from Cart</a></li>"); 
    }); 
}); 

我試圖在有人單擊添加到購物車時動態添加li。它在ID爲「ae__orders__content」的ul中前往購物車。直到這部分一切工作正常。但我想刪除點擊從購物車中刪除時動態添加的li。我嘗試了幾乎所有事情，並找到了下面給出的解決方案它從UL刪除所有項目，而不是唯一被點擊的LI。

$("#ae__orders__content").click(function() { 
    //$(this).children().focus().remove(); 
    alert("remove"); 
    //$('li', ul).last().remove(); 
    $(this).children().remove(); 

    return false; 

}); 

Add to cart is working fine. I want to remove li when remove from cart is clicked.

Answer 1

它看起來像你想的是被附加了<a>是點擊目標去除裏，所以：

$(".ae__orders__content").on("click", "a.ae__remove-cart", function() { 
    $(this).parent().remove(); 
});