嗨,大家好,所以我正在努力制作一个像这样的章鱼标签：Example
Curretnly我的数据库全部设置.试图让它在目前工作一件事,然后可以与其余的一起做.
我的数据库看起来像：
ingName: ....
fat: ...
carbs ... etc
我现在遇到的问题是巨大的.我在过去的3天里一直被困在它上面,似乎没有人知道什么是错的,我有一个十字架创建的div,以便用户可以删除他添加的成分.所以,如果他们有：
Apple : 1g
Mango : 2g
Melon: 3g
Total : 6g
让我们说它们不再需要芒果了它应该看起来像
Apple：1g
芒果：2克
总计：3克
但是,我似乎无法让它工作.每次我点击十字架,它都会删除所有内容而不会留下任何内容.所以,请对此提供任何帮助,这将是一个巨大的帮助.用这段代码开始迷失我的想法.
HTML：
我的直播网站：
http://diet.elementalbydesign.com/bootstrap-3.3.6-dist/build.php
最佳答案
这是你如何显示所选的成分？
"首先修复build.PHP中返回的数据,因为例如,当选择Banana时,它返回< script> $(“#fat”).html(3);< =“”script =“”> 4 ‘这就是为什么它显示4’data-itemfat =’4’> X.确保它只返回成分的id！没有HTML元素或任何东西.
不确定appendTo()是否是显示数据的正确选择,但我建议您尝试append().阅读有关差异的更多信息here.我们将为您的< span>添加一个类标记.为了标记它们：
divHolder.append('
然后,你的脚本删除成分：
$(document).on("click",".ingredient",function(){
var curr_fat = parseInt($("#fat").html()),/* GET THE CURRENT FAT */
toberemovedfat = parseInt($(this).attr('data-fat')); /* GET THE FAT OF THE 'TO BE REMOVED' INGREDIENT */
curr_fat = curr_fat - toberemovedfat; /* GET THE DIFFERENCE */
$("#fat").html(curr_fat); /* DISPLAY THE NEW FAT */
$(this).remove(); /* REMOVE THE DISPLAY OF REMOVED INGREDIENT */
});
