大佬教程收集整理的这篇文章主要介绍了javascript – jQuery.remove()删除错误的元素,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,大家好,所以我正在努力制作一个像这样的章鱼标签:Example
Curretnly我的数据库全部设置.试图让它在目前工作一件事,然后可以与其余的一起做.
我的数据库看起来像:
ingName: ....
fat: ...
carbs ... etc
我现在遇到的问题是巨大的.我在过去的3天里一直被困在它上面,似乎没有人知道什么是错的,我有一个十字架创建的div,以便用户可以删除他添加的成分.所以,如果他们有:
Apple : 1g
Mango : 2g
Melon: 3g
@R_914_10586@l : 6g
让我们说它们不再需要芒果了它应该看起来像
Apple:1g
芒果:2克
总计:3克
但是,我似乎无法让它工作.每次我点击十字架,它都会删除所有内容而不会留下任何内容.所以,请对此提供任何帮助,这将是一个巨大的帮助.用这段代码开始迷失我的想法.
HTML:
0586@l FatSELEctedstuff">
我的直播网站:
http://diet.elementalbydesign.com/bootstrap-3.3.6-dist/build.php
编辑:现在你看到人们每次删除div而不是我在数据库中设置的AMMount时它只会带走-1?这是我坚持的问题的重要部分
最佳答案
@H_673_45@这是你如何显示所选的成分?
"
首先修复build.php中返回的数据,因为例如,当选择Banana时,它返回< script> $(“#fat”).html(3);< =“”script =“”> 4 ‘这就是为什么它显示4’data-itemfat =’4’> X.确保它只返回成分的id!没有HTML元素或任何东西.
不确定appendTo()
是否是显示数据的正确选择,但我建议您尝试append()
.阅读有关差异的更多信息here.我们将为您的< span>添加一个类标记.为了标记它们:
divHolder.append('BACkground-color: yellow;
width: 700px;
margin-top: 10px;
border-style: solid;
border-color: #0000ff">' + searchedValue + '
);
然后,你的脚本删除成分:
$(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()删除错误的元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
猜你在找的HTML相关文章
-
html – 在不同的事件中CSS多重转换为相同的元素
2022-04-15
-
使用python绘制图形并使用HTML显示它
2019-10-08
-
使用JQuery很好地将DOM元素添加到DOM
2019-10-08
-
将值重新加载到数组中比javascript中的最后一个位置发生一个位置
2019-10-08
-
jquery – 在SELECT框中更改文本颜色
2019-10-08
-
Html表,使一行更大
2019-10-08
-
javascript – 使用Puppeteer,Mocha和Chai在html标记属性中断言文本的存在
2019-10-08
-
javascript – React:设置div的scrollTop属性不起作用
2019-10-08
-
html – 创建水平居中的背景图像渐变三角形
2019-10-08
-
javascript – 如何在Plyr JS的视频播放器中添加下载按钮?
2019-10-08