使用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

Answer 2

我不知道在這個代碼屬於，但將其封裝在一個類中將會有所幫助。

function NewClass() { 
    var formPP = document.getElementById('payPalForm'); 
    var lInputs = []; 
    this.addItem = function(val) { 
     var inp1 = document.createElement("input"); 
     inp1.setAttribute("type", "hidden"); 
     inp1.setAttribute("id", "item_number_" + val); 
     inp1.setAttribute("name", "item_number_" + val); 
     inp1.setAttribute("value", val); 
     formPP.appendChild(inp1); 
     lInputs.push(inp1); 
    } 
    this.removeItem = function(val) { 
     var e = formPP.firstChild; 
     while(e) { 
      var eNext = e.nextSibling; 
      if(e.value == val) 
       formPP.removeChild(e); 
      e = eNext; 
     } 
    } 
} 

您將不得不根據您的需要量身定做，但希望這可以爲您提供一個開始。