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 内のスパンを見つける必要があります。

Span with classtitleはボタンの祖先ではありません。兄弟です。したがって、ボタンの親にトラバースして、探しているものを見つける必要e titleがあります。

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

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

フィドルをチェック

于 2012-11-19T18:56:24.973 に答える