Javascript 如何比较该值

当我单击成功添加的按钮时，当按钮被多次单击时，如何将该值添加到上一个值中

$document.readyfunction{ $'.btn'。单击函数{ var btn=$this； var count=btn.datacount； var name=btn.dataname； var价格=btn.dataprice console.logname+价格 $'.display'.append+name+''+count+'pc.price='+price }; }; 巴特布罗德

140

热狗

110

---

只需创建一个容器，从一开始就保存期望值，但将其price和number填充为零。然后单击按钮时，只需添加这些数字

编辑1：如果您有太多的产品用于此，只需使用“如果不存在”逻辑动态添加那些“零容器”

编辑2：建议使用ID表示每个产品。ID可以是数据库主键、slug或任何不包含空格或数字的内容

$document.readyfunction{ //$'.container_product'.css'display'，'none'； $'.btn'。单击函数{ var btn=$this； var count=btn.datacount； var identifier=btn.dataidentifier； var name=btn.dataname； var价格=btn.dataprice //console.logname+价格 //$'.display'.append+name+''+count+'pc.price='+price 如果$container_uz+identifier.length==0{//如果不存在 $.display.append` `+名字+` 0件。 价格=0 ` } $container+identifier.css'display'，'block'； $price\uu+identifier.html parseInt$price\uu+identifier.html+price； $num_u+identifier.html parseInt$num_+identifier.html+1； }; }; 巴特布罗德

140

热狗

110

双丁烯杆

9999

---

只需创建一个容器，从一开始就保存期望值，但将其price和number填充为零。然后单击按钮时，只需添加这些数字

编辑1：如果您有太多的产品用于此，只需使用“如果不存在”逻辑动态添加那些“零容器”

编辑2：建议使用ID表示每个产品。ID可以是数据库主键、slug或任何不包含空格或数字的内容

$document.readyfunction{ //$'.container_product'.css'display'，'none'； $'.btn'。单击函数{ var btn=$this； var count=btn.datacount； var identifier=btn.dataidentifier； var name=btn.dataname； var价格=btn.dataprice //console.logname+价格 //$'.display'.append+name+''+count+'pc.price='+price 如果$container_uz+identifier.length==0{//如果不存在 $.display.append` `+名字+` 0件。 价格=0 ` } $container+identifier.css'display'，'block'； $price\uu+identifier.html parseInt$price\uu+identifier.html+price； $num_u+identifier.html parseInt$num_+identifier.html+1； }; }; 巴特布罗德

140

热狗

110

双丁烯杆

9999

---

首先在“display”元素中查找追加的元素，如果其长度为0，则直接追加该元素，否则首先获取数据价格属性的值并将更新后的价格添加到该元素中

$document.readyfunction{ $'.btn'。单击函数{ var btn=$this； 变量计数=Numberbtn.datacount； var name=btn.dataname； var价格=Numberbtn.dataprice； 变量$h2=$ .attr'data-name'，name .attr'data-count'，count .attr“数据价格”，价格 .textname+''+计数+'价格=''+价格； var dataNameSelector='*[data name='+name+']； var childrenOrders=$'.display'.finddataNameSelector； 如果childrenOrders.length==0{ $'.display'。追加$h2； }否则{ var updatedPrice=NumberchildrenOrders.数据“价格”+价格； var updatedCount=NumberchildrenOrders.data'count'+count； childrenOrders.data'price'，updatedPrice； childrenOrders.data'count'，updatedCount； childrenOrders.textname+''+updatedCount+'pc.price='+updatedPrice； } }; }; 巴特布罗德

140

热狗

110

---

首先在“display”元素中查找追加的元素，如果其长度为0，则直接追加该元素，否则首先获取数据价格属性的值并将更新后的价格添加到该元素中

$document.readyfunction{ $'.btn'。单击函数{ var btn=$this； 变量计数=Numberbtn.datacount； var name=btn.dataname； var价格=N umberbtn.dataprice； 变量$h2=$ .attr'data-name'，name .attr'data-count'，count .attr“数据价格”，价格 .textname+''+计数+'价格=''+价格； var dataNameSelector='*[data name='+name+']； var childrenOrders=$'.display'.finddataNameSelector； 如果childrenOrders.length==0{ $'.display'。追加$h2； }否则{ var updatedPrice=NumberchildrenOrders.数据“价格”+价格； var updatedCount=NumberchildrenOrders.data'count'+count； childrenOrders.data'price'，updatedPrice； childrenOrders.data'count'，updatedCount； childrenOrders.textname+''+updatedCount+'pc.price='+updatedPrice； } }; }; 巴特布罗德

140

热狗

110

---

使用您的代码可以很容易地完成，将内容附加到一个容器中，并给它一个类，下次只需检查该容器是否已经存在，然后将html插入其中。此外，还需要不断更新count变量

$document.readyfunction{ $'.btn'。单击函数{ var btn=$this； var数据=btn.data； var count=data.count； var name=data.name； var价格=data.price*计数； data.count=count+1； 变量html=+name+''+count+'pc.price='+price； name=name.split.join\ux； 如果$'.display'.find.+name.length $'.display'.find.+name.htmlhtml； 其他的 $'.display'.append$.htmlhtml； }; }; 巴特布罗德

140

热狗

110

---

使用您的代码可以很容易地完成，将内容附加到一个容器中，并给它一个类，下次只需检查该容器是否已经存在，然后将html插入其中。此外，还需要不断更新count变量

$document.readyfunction{ $'.btn'。单击函数{ var btn=$this； var数据=btn.data； var count=data.count； var name=data.name； var价格=data.price*计数； data.count=count+1； 变量html=+name+''+count+'pc.price='+price； name=name.split.join\ux； 如果$'.display'.find.+name.length $'.display'.find.+name.htmlhtml； 其他的 $'.display'.append$.htmlhtml； }; }; 巴特布罗德

140

热狗

110

---

我想，当我三次单击>结果为热狗3 pc时。价格=330请参见下面的答案，解决方案与您当前的实现一致我想，当我三次单击>结果为热狗3 pc时。价格=330请参见下面的答案，解决方案与您当前的实现一致谢谢您的回答，但我有很多产品，我不能为所有的spancontainer添加，我如何才能动态添加whithot container？@KhozhiakbarKhodzhaev然后只动态添加容器。请参见编辑的回答我添加两次名称，func不起作用Double Buterbrod

140

如果名称中有空格，它将不起作用。我建议用一个ID和人类可读的名称来表示每个产品谢谢你的回答，但是我有很多产品，我不能为所有的spancontainer添加，我如何才能动态添加whithot容器？@KhozhiakbarKhodzhaev然后只动态添加容器。请参见编辑的回答我添加两次名称，func不起作用Double Buterbrod

140

如果名称中有空格，它将不起作用。我建议用ID和人类可读的名称来表示每个产品