ul

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を削除したいと思っています。私はほとんどすべてを試して、以下の解決策を見つけました。クリックされた唯一のLIではなく、ULからすべてのアイテムを削除します。

$("#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(); 
});