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

  • Z时代
  • 2024-01-10
  • 分类：问答

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="/wp-content/uploads/new2022/20220327voicc/148153031" /></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

以上是 JavaScript的数学，列表，然后单击功能 的全部内容， 来源链接： utcz.com/qa/260045.html

回到顶部