在javascript中不显示值？

您好，我正在创建一个类似于

电子商务站点计算器的项目

如下图所示

如果我单击

+

，然后在输入字段中添加

一个

，然后按价格乘以并显示为实际价格

并显示价格小计和增值税总额，如下所示

但是我在谷歌搜索中没有找到任何解决方案，请帮助我

$（文档）.ready（函数（）{
$（“.button click a”）。在（“click”，function（）上{
var$按钮=$（此按钮）；
var oldValue=$button.closest（“ul”）.prev（）.val（）；
如果（$button.text（）==“+”）{
var newVal=parseInt（oldValue）+1；
var price=$button.parents（'ul'）.next（'.price'）.find（'.js applePrice'）.text（）；
var totalAdd=newVal*parseInt（价格）；
警报（totalAdd）；
}否则{
//不允许在零以下递减
如果（旧值>0）{
var newVal=parseInt（旧值-1）；
}否则{
newVal=0；
}
}
$button.closest（“ul”）.prev（）.val（newVal）；
});
});
。一些div{
溢出：隐藏；
填充物：5px；
边框：实心1px绿色；
保证金：2倍；
}
.部分div>*，.部分div>ul li{
浮动：左；
}
.一些div>ul.一些div>ul li{
列表样式：无；
保证金：0；
填充：0；
}
.一些div>ul>li a{
显示：块；文本装饰：无；颜色：#fff；填充：5px；字体大小：15px；背景：#000；右边距：5px；
}
.price{填充：0 10px；边框：实心1px绿色；字体重量：粗体；}
.总价{
填充：0 10px；边框：实心1px绿色；字体大小：粗体；颜色：红色；左边距：10px；
}
.移除{
浮动：对；
背景：红色；
颜色：#fff；
字体大小：20px；
字体大小：粗体；
文字装饰：无；
填充物：5px；
}

苹果公司：




价格：25.41
总计250卢比
橙色：




价格：12.00
总计150卢比
桑普：




价格:15
总计250卢比
小计：-
增值税：-22%
总数：-
这是我不久前写的。因此，添加和减去按钮都有一个名为
js qty-adjugger
的类，并且在添加按钮上还有一个额外的
js-add
类

     function updatePrice(qty){
       var priceOfSingleItem = //get the price of a single item here,
           newPrice = priceOfSingleItem * qty;

       $.ajax({

        url: 'basket.php',
        type: 'POST',
        data: newPrice//the update price,
        success: function(result){
             $('#total-price').html( newPrice )
         }
        });
     }

     $('.js-qty-adjuster').on('click', function() {
        var el = $(this),
            id = el.data('id'),
            qtySelector = el.siblings('.js-quantity'),
            qty = parseInt( qtySelector.val() );

        // Add or subtract from the current quantity
        if (el.hasClass('js-add')) {
          qty = qty + 1;
        } else {
          qty = qty - 1;
          if (qty <= 1) {
            qty = 1;
          }
        }

        // Update the input's number
        qtySelector.val(qty);
        updatePrice(qty);

      });

函数更新价格（数量）{
var priceOfSingleItem=//在此处获取单个项目的价格，
新价格=单个项目的价格*数量；
$.ajax({
url:'basket.php'，
键入：“POST”，
数据：newPrice//更新价格，
成功：功能（结果）{
$（“#总价”）.html（新价格）
}
});
}
$（'.js数量调节器'）。在（'click'，function（）上{
var el=$（此），
id=标高数据（“id”），
qtySelector=el.SINDERS（'.js数量'），
qty=parseInt（qtySelector.val（））；
//从当前数量中添加或减去
if（el.hasClass（'js-add'））{
数量=数量+1；
}否则{
数量=数量-1；
如果（数量而不是警报，则将该值设置回DOM。
对于计算货币单位，请使用parseFloat

var price = $button.parents('ul').next('.price').find('.js-applePrice').text();
var totalAdd = newVal * parseFloat(price); ;
$button.parents('ul').next('.price').find('.js-applePrice').text(totalAdd);  

在代码
var oldValue=$button中，最近的（“ul”）.prev（）指div。您需要获取该div中的输入值。使用
$button.nestest（“ul”）.prev（）.find（“input”）

试试这个，更新每种商品的总价：

    $(document).ready(function(){

$(".button-click a").on("click", function() {

  var $button = $(this);
  var oldValue = $button.closest("ul").prev().val();

  if ($button.text() == "+") {
      var newVal = parseInt(oldValue) +1;


      var price = $button.parents('ul').next('.price').find("i").text();
      var totalAdd = parseFloat(newVal* parseFloat(price));
         // $button.closest(".totalprice > i").text(totalAdd) ;   

    } else {
   // Don't allow decrementing below zero
    if (oldValue > 0) {
      var newVal = parseInt(oldValue - 1);
    } else {
      newVal = 0;
    }
  }
  $button.closest("ul").prev().val(newVal); 
  $button.closest("ul").siblings(".totalprice").find("i").text(totalAdd) ; 

});

    });

刚刚添加了一些逻辑，使其成为一个完整的示例

我在HTML中做了这个更改，使VAT可以配置

<div class="">Vat :- <span class="vat">22</span>%</div>

。一些div{
溢出：隐藏；
填充物：5px；
边框：实心1px绿色；
保证金：2倍；
}
.部分div>*，.部分div>ul li{
浮动：左；
}
.一些div>ul.一些div>ul li{
列表样式：无；
保证金：0；
填充：0；
}
.一些div>ul>li a{
显示：块；文本装饰：无；颜色：#fff；填充：5px；字体大小：15px；背景：#000；右边距：5px；
}
.price{填充：0 10px；边框：实心1px绿色；字体重量：粗体；}
.总价{
填充：0 10px；边框：实心1px绿色；字体大小：粗体；颜色：红色；左边距：10px；
}
.移除{
浮动：对；
背景：红色；
颜色：#fff；
字体大小：20px；
字体大小：粗体；
文字装饰：无；
填充物：5px；
}

苹果公司：




价格：25.41
总计0卢比
橙色：




价格：12.00
总计0卢比
桑普：




价格:15
总计0卢比
小计：-
增值税：-22%
总数：-
这里出了什么问题？您想更新价格吗？是的，如果单击+图标或-图标，我想更新价格
    $(document).ready(function(){

$(".button-click a").on("click", function() {

  var $button = $(this);
  var oldValue = $button.closest("ul").prev().val();

  if ($button.text() == "+") {
      var newVal = parseInt(oldValue) +1;


      var price = $button.parents('ul').next('.price').find("i").text();
      var totalAdd = parseFloat(newVal* parseFloat(price));
         // $button.closest(".totalprice > i").text(totalAdd) ;   

    } else {
   // Don't allow decrementing below zero
    if (oldValue > 0) {
      var newVal = parseInt(oldValue - 1);
    } else {
      newVal = 0;
    }
  }
  $button.closest("ul").prev().val(newVal); 
  $button.closest("ul").siblings(".totalprice").find("i").text(totalAdd) ; 

});

    });

<div class="">Vat :- <span class="vat">22</span>%</div>