標籤：c style class blog code java
描述：
使用者點擊左邊div中的商品，對應商品會自動添加到右面的div中，類似電子商城中的添加到購物車功能。
主要用到了jquery中的複製節點功能，基本原理是首先擷取點擊的元素，然後將相應資訊進行複製，然後添加到右面的div中。
效果如果：
show you code:
<!doctype html><html><head><meta charset="utf-8"><title>jquery test</title><script src="jquery-1.11.1.min.js"></script><style type="text/css">.left{float: left;width: 500px;height: 500px;background-color:green;padding-left:50px;padding-top: 50px; }.right{float: left;width: 500px;height: 500px;background-color:yellow;padding-left:50px;padding-top: 50px; }</style></head><body><div class="left"><p>香蕉</p><p>蘋果</p><p>橘子</p><p>草莓</p></div><div class="right"></div></body><script type="text/javascript">var $left = $("div.left p");var $right = $("div.right");$left.click(function(){$(this).clone().appendTo($right);})</script></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
