javascript - 使用 js/jQuery 从表单中删除动态创建的子节点？

Question

下面的帖子对我正在尝试做的事情非常有帮助: Builing a cart with multiple items and the PayPal button in PHP

这部分工作得很好:

    var inp1 = document.createElement("input");
    inp1.setAttribute("type", "hidden");
    inp1.setAttribute("id", "item_number_" + current_item);
    inp1.setAttribute("name", "item_number_" + current_item);
    inp1.setAttribute("value", current_item);

    document.getElementById("paypal-form").appendChild(inp1);

但我对如何在需要时删除项目有点困惑...我正在寻找类似的东西:

    document.getElementById('payPalForm').removeChild(inp1);

但显然我需要一种方法来指定/跟踪那些动态创建的 ID...或者我是否缺少更简单的方法？

如有任何帮助，我们将不胜感激。

Answer 1

使用parentNode属性获取一个元素的父元素，使用父元素的removeChild方法:

inp1.parentNode.removeChild (inp1);

引用: parentNode property