0

http://jsfiddle.net/mGGPu/

我想要做的是当点击选择按钮时，项目名称将进入购物车以及项目的价格。然后，当添加更多项目时，javascript 将对所欠的整体“价格”进行数学计算。

也希望，在单击按钮后它会被禁用。

<div class="itemWrapper">
   <div id="item1" class="item">
      <span class="title">Item 1</span><br />
      <span class="image"><img src="http://www.thinkgeek.com/images/products/zoom/tqualizer_anim.gif" /></span><br />
      <div class="descrip">
         <span class="points">1000 pts</span><span class="sale">ON SALE</span><br />
         <span class="description">Here would be a simple description of the item for sale. 
         Then We will create a button below.</span>
      </div>
   </div>
   <input type="submit" class="button2" value="Add To Cart" />
</div>
<div class="cartWrapper" />
<div class="cart" id="cartj">
   <div class="cart_body">
      <div class="cart_title">Shopping Cart</div>
      <div class="cart_items">
         <ul>
            <li></li>
         </ul>
      </div>
   </div>
</div>

有人能帮我吗？不确定此代码是否最好使用

$('.button2').on('click', function() {
  $(this).closest('.title').css("color","red");
});

那只是测试单击按钮并更改标题颜色。这只是一个测试代码，有点像后续查看点击功能是否正常工作。虽然没有。

也许这是为了让物品进入购物车？

(function($){
$(function(){ $('.button2').click(function();var   
 innerTxt=$(this).text();innerTxt=$.trim(innerTxt);var $obj=
 $('.cart_items li');$obj.val($obj.val()+innerTxt);})}); })(jQuery);​​​

虽然它不完整。我像睡不着一样继续奔跑，今天脑死了。

4

1 回答 1

0

您需要在 Div.. 中找到跨度。

带类的 Spantitle不是按钮的祖先。它是一个兄弟姐妹。所以你需要遍历按钮的父元素并找到e title你正在寻找的东西。

$('.button2').on('click', function() {

  $(this).closest('.itemWrapper').find('.title').css("color","red");
});

检查小提琴

于 2012-11-19T18:56:24.973 回答