example/buy-car/step1.html

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
    <script src='https://code.jquery.com/jquery-1.11.3.min.js'></script>
  <style>
        *{margin:0;padding:0;list-style: none;}
        body{background: #fff;overflow: hidden;}
        .head-shopcart{width: 180px;height: 30px;line-height: 30px;text-align: left;padding: 0 10px;position: fixed;right: 0px;bottom: 0px;background: #D13131; color:#fff;font-size: 12px;}
            #lanren{width: 430px;height: auto;margin: 100px auto;background: #fff;}
            #lanren li{width: 200px;height: auto;float: left;margin:10px 0 0 10px;overflow: hidden;text-align: center;}
            #lanren li img{margin-bottom: 10px;}
            #lanren li a.btn-buy{width: 200px;height: 37px;margin-bottom:10px;display:block;background: url(http://demo.lanrenzhijia.com/2015/cart0327/images/btn-buy.jpg) no-repeat center top #D13131;overflow: hidden;}
  </style>
</head>
<body>
  <ul id="lanren">
		<li>
			<img src="http://demo.lanrenzhijia.com/2015/cart0327/images/lanren01.jpg" width="200" height="320">
			<a href="javascript:;" class="btn-buy"></a>
		</li>
		<li>
			<img src="http://demo.lanrenzhijia.com/2015/cart0327/images/lanren02.jpg" width="200" height="320">
			<a href="javascript:;" class="btn-buy"></a>
		</li>
	</ul>
	<div id="image">image</div>
<div class="head-shopcart">我是購物車</div>
</body>
<script language='javascript'>

    $(".btn-buy").bind('click', function(e){
        var img = $(this).parent().find('img');
        var cloneimg = img.clone();
        $("#image").append(cloneimg);
    });
</script>
</html>