为什么我的数组不能作为我的删除函数的参数?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (22)

所以,我有一个页面,我可以将食物添加到订单列表中,目前我正在进行“从列表中删除”功能,但我遇到了问题。当我在右侧removeButton上调用setAttribute()时,我还想从数组中删除该项,以便它不会将删除的食物名称发送到数据库。我的问题如下:在调用setAttribute()时,我的数组出了问题,因为removeName不会将它作为参数。

var lastid = 0;
var foods_added = [];
var locked = true;
function add_food() {
    var food_name = document.getElementById('food_name').value;
        $.ajax({
        url: "ask-info.php",
        type: "post",
        data: { food_name : JSON.stringify(food_name) },
        success: function(res) {
            console.log(res);
            if (res == "van") {
                var entry = document.createElement('h4');
                entry.appendChild(document.createTextNode(food_name));
                entry.setAttribute('id','item'+lastid);
                var removeButton = document.createElement('button');
                removeButton.appendChild(document.createTextNode("Töröl"));
                removeButton.setAttribute('onClick','removeName("'+'item'+lastid+', foods_added")');
                entry.appendChild(removeButton);
                lastid+=1;
                list.appendChild(entry);
                foods_added.push(food_name);
                document.getElementById('food_name').value = "";
                document.getElementById('press').disabled = true;
            } else {
                document.getElementById('press').disabled = true;
            }
        }
    })
}

function removeName(itemid, foods_added){
    var item = document.getElementById(itemid);
    for (var i = 0; i<foods_added.length; i++) {
        if (foods_added[i].id == itemid) {
            foods_added.splice(foods_added[i].id, 1);
        }
    }
    list.removeChild(item);
}
提问于
用户回答回答于

看起来您的问题可能就在这一行:

removeButton.setAttribute('onClick','removeName("'+'item'+lastid+', foods_added")');

我建议尝试这样做:

removeButton.addEventListener('click', () => {
    removeName(`item${lastid}`, foods_added);
});

或者,如果您没有能力使用es6:

removeButton.addEventListener('click', function() {
    removeName('item' + lastid, foods_added);
});

详细了解您的代码无法正常工作的原因,我想这是因为您作为setAttribute的第二个参数传入的字符串在调用函数之外的上下文中被唤醒。foods_added在该上下文中不存在,因此未定义。

热门问答

如何设置物联网通信的规则引擎转发到微信小程序?

DylanRichard

腾讯 · 产品经理 (已认证)

万物互联的时代,欢迎来到IoT的世界
推荐

正如参考文章所述,通过规则引擎述是将设备上行数据转发到服务端而不是直接到小程序,需要开发者基于API SDK用于服务端开发,并于小程序进行上下行通信。

在房间内切出app/闪退后还继续收费吗?

腾讯音视频小蔡

深圳市腾讯科技 · 软件开发工程师 (已认证)

QQ:471381568
推荐
1、切出app调用pause的时候是在房间的话,会一直收费。 2、比如A在程序闪退后,如果没有重连,90秒后A会自动退出房间。 3、扣费有疑问可以先看下运营指引:https://cloud.tencent.com/document/product/607/17448 如果对扣费还...... 展开详请

腾讯IM web端sdk 1.7版本,更新到当前最新,在哪里可以查看有什么改动呢?

使用微信小程序也可以做腾讯云的标准视频直播吗?使用微信小程序做腾讯云的视频直播和im即时通讯可行吗?

美女视频一起走向共同富裕
推荐
支持的 IM部分,集成云通信 https://cloud.tencent.com/document/product/269/36838 标准直播部分,使用live-pusher和live-player标签,然后用云直播即可 https://cloud.tencent.com/do...... 展开详请

为什么我通过控制台vnc看到的界面和用vnc viewer看的的界面不一样???

HappyLau谈云计算专注于公有云,私有云解决方案,在kubernetes,openstack,kvm,ceph,linux,shell有丰富的实战经验。
推荐

控制台页面使用的是novnc,novnc是一种基于web页面使用的vnc客户端,详情可参考https://github.com/novnc/noVNC介绍,常规的vnc viewer是图形的客户端,所使用的依赖库有所不同,因此显示也不一样。

API获取域名列表一直AuthFailure,code:4100?

zqfan

腾讯 · 高级工程师 (已认证)

推荐
推荐使用SDK进行调用:https://github.com/QcloudApi/qcloudapi-sdk-python 如果要自己写,也请参考下签名文档中python的代码示例,或者SDK中的源码:https://github.com/QcloudApi/qcloudapi-...... 展开详请

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励