• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

JavaScript的数学,列表,然后单击功能

jquery 来源:EasyBB 3次浏览

http://jsfiddle.net/mGGPu/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> 

有人可以帮我吗?不知道这个代码是最好用的

$('.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);​​​ 

虽然它不完整。我像没有睡觉一样奔跑,今天脑残。


===========解决方案如下:

你需要找到DIV中的跨度..

跨度title类不是按钮的祖先。这是一个兄弟姐妹。所以你需要遍历按钮的父项,并找到你正在寻找的e title

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

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

Check Fiddle


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)