私はここのような既存のULに李を追加したいと別のHTMLファイル

Question

内の既存のULにアペンド李：jQuery: how to add <li> in an existing <ul>?

しかし、私のコードではLiが別のHTMLファイルから既存の李です。 products.htmlにulをつけています。私はcart.htmlに李

<li class="first-li" id="hotel_belle"> 
    <h2>Hotel Belle</h2> 
    <div> 
     <img class="sub-img" alt="picture from hotel" src="pic/products/HotelBelle.png" /> 
     <p>Lorem Ipsum</p> 
     <a href="#"><img class="btn-cart" alt="add this product to cart" src="pic/book/cart.png" /></a> 
    </div>  
</li> 

を追加したいと、このHTMLファイルに：だから私はに何を持っているん

$(".btn-cart").click(function(){ 
var cart = $(this).parents("li").eq(0); 

//$("#inner-cart-content ul").append('cart'); <--this is not working 
}); 

：JavaScriptで

<div id="inner-cart-content"> 
     <ul id="content-cart"> 
      <li> 
       //The new li element from products.html 

私はこれを書きました行う？あなたのコメント行で

Answer 1

$(".btn-cart").click(function(){ 
var item = //grab what you want 

$("#content-cart ul").append(item); 
$("<div id="inner-cart-content">").show(); //After adding the item, show the cart 
$("div").delay(4000).hide(); And after 4 seconds hide it again! 
});