javascript–jQuery.remove()删除错误的元素

概述嗨,大家好,所以我正在努力制作一个像这样的章鱼标签：ExampleCurretnly我的数据库全部设置.试图让它在目前工作一件事,然后可以与其余的一起做.我的数据库看起来像：ingName: .... fat: ... carbs ... etc 我现在遇到的问题是巨大的.我在过去的3天里一直被困在它上面,似乎没有人知道什么是错的,我有一个十字架创建的di

嗨,大家好,所以我正在努力制作一个像这样的章鱼标签：Example

Curretnly我的数据库全部设置.试图让它在目前工作一件事,然后可以与其余的一起做.

我的数据库看起来像：

ingname: ....fat: ... carbs ... etc

我现在遇到的问题是巨大的.我在过去的3天里一直被困在它上面,似乎没有人知道什么是错的,我有一个十字架创建的div,以便用户可以删除他添加的成分.所以,如果他们有：

Apple : 1gMango : 2g Melon: 3g Total : 6g 

让我们说它们不再需要芒果了它应该看起来像
Apple：1g
芒果：2克
总计：3克

但是,我似乎无法让它工作.每次我点击十字架,它都会删除所有内容而不会留下任何内容.所以,请对此提供任何帮助,这将是一个巨大的帮助.用这段代码开始迷失我的想法.

HTML：

  
我的直播网站：
http://diet.elementalbydesign.com/bootstrap-3.3.6-dist/build.php
编辑：现在你看到人们每次删除div而不是我在数据库中设置的ammount时它只会带走-1？这是我坚持的问题的重要部分
最佳答案这是你如何显示所选的成分？
"
首先修复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 */});
          总结       
以上是内存溢出为你收集整理的javascript  –  jQuery.remove()删除错误的元素全部内容，希望文章能够帮你解决javascript  –  jQuery.remove()删除错误的元素所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1118530.html