从 .NET core Razor 中的 JavaScript 数组中删除元素

Question

当用户单击添加按钮时，我输入了它应该在 ul 列表中添加一个新的 li 并在数组“关键字”中添加一个新对象以将其发送到操作， 但问题是当用户从 ul 列表中删除一个元素时，我从数组中删除了元素的索引它不起作用但是 li 元素的删除效果很好。 这是脚本：

这是 HTML：

Answer 1

尝试改变

delbtns = $(".delete");
        for (var i = 0; i < delbtns.length; i++) {
            delbtns[i].onclick = function () {
                this.parentNode.remove();
                keywords.splice(i, 1);
            }
        }

到

$(".delete").on('click', function (event) {
            var delbtns = $(".delete");
            for (var i = 0; i < delbtns.length; i++) {
                if (this == delbtns[i]) {
                    this.parentNode.remove();
                    keywords.splice(i, 1);
                    break;
                }
            }
        })

结果：