给商品评分：
<script src="jquery/jquery-1.7.2.js" type="text/javascript"></script> //评分 $(function() { $(".rating li a").click(function() { var title = $(this).attr("title"); alert("你给出的评分是" + title); var cl = $(this).parent().attr("class"); $(this).parent().parent().removeClass().addClass("rating " + cl + "star"); }); }); <div class="pro_rating"> 给商品评分： <ul class="rating nostar"> <li class="one"><a href="#" title="1分">1</a></li> <li class="two"><a href="#" title="2分">2</a></li> <li class="three"><a href="#" title="3分">3</a></li> <li class="four"><a href="#" title="4分">4</a></li> <li class="five"><a href="#" title="5分">5</a></li> </ul> </div>效果图： 放入购物车
<script src="jquery/jquery-1.7.2.js" type="text/javascript"></script> //购物车 $(function(){ var $product = $(".pro_detail_right"); $("#cart a").click(function(){ var pro_name = $product.find("h4:first").text(); var pro_size = $product.find(".pro_size strong").text(); var pro_color = $(".color_change strong").text(); var pro_num = $product.find("#num_sort").val(); var pro_price = $product.find(".pro_price span").text(); var dialog = " 感谢您的购买。\n您购买的\n"+ "产品是："+pro_name+"；\n"+ "尺寸是："+pro_size+"；\n"+ "颜色是："+pro_color+"；\n"+ "数量是："+pro_num+"；\n"+ "总价是："+pro_price +"元。"; if( confirm(dialog) ){ alert("您已经下单!"); } return false;//避免页面跳转 }) }) <div id="cart"> <a href="#"><img src="images/btn_cart.png" /></a> </div>效果图：
