将li附加到另一个html文件中的现有ul中

Question

我喜欢将li附加到现有的ul中，如下所示： jQuery：如何在现有的<ul>中添加<li>？

但是在我的代码中，li是来自另一个html文件的现有li。 因此，将ul具有products.html。 在这个html文件中，我想附加li

<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>

进入cart.html：

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

在JavaScript中，我这样写：

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

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

那我该怎么办？

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!
});