Question

我想要做的是当点击选择按钮时，项目名称将进入购物车以及项目的价格。然后，当添加更多项目时，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);

虽然不完整。我一直没有睡觉，今天脑子已经死了。

Answer 1

你需要找到Div内的跨度..

类title的跨度不是按钮的祖先。这是一个兄弟姐妹。因此，您需要遍历按钮的父级并找到您要查找的e title。

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

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

Check Fiddle

javascript数学，列表和点击功能

1 个答案: