HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery.remove()删除错误的元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

我的数据库看起来像:

ingName: ....
fat: ... 
carbs ... etc

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

Apple : 1g
Mango : 2g 
Melon: 3g 
@R_878_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?这是我坚持的问题的重要部分

最佳答案
这是你如何显示所选的成分?

"

首先修复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,请注明来意。