Jquery javascript数学、列表和单击功能

我试图做的是，当点击选择按钮时，商品名称和商品价格将进入购物车。然后，当添加更多项目时，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>

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

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

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

---

虽然它并不完整。我跑得像没睡一样，今天我的脑子都快死了。

你需要在Div中找到跨度

带有类

标题的Span

不是按钮的祖先。它是一个兄弟姐妹。因此，您需要遍历到按钮的父级并找到您要查找的标题

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

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

---

你试过什么？我没有看到任何javascript试图做任何事情。你不妨尝试使用javascript来建造一座房子。建立一个有效的在线购物车涉及到很多事情，你甚至都没有想过。它不是一个真正的购物车。我们称之为傻瓜车。它不会处理任何数据或任何类似的东西。它只是一个在线RPG购物车，用于消费积分。必须在现场手动扣分。这只是一个粗略的草图，让人们看看他们欠了多少钱。哦，我从来没有用jQuery来做数学…我甚至不知道它的名字。数学？？？编辑了第一篇帖子，为items添加了jQuery代码谢谢，我想是的。我在最近的一次尝试中使用了类似的div.itemWrapper span.title。我知道我跳过了一步。虽然我不打算实际更改标题的.css。实际上，我将使用此代码添加到购物车中。

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

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