通過Javascript中的父節點同時刪除兩個表

Question

我有這個問題，似乎令人困惑，因爲問題基本上超過了一半 - 我能夠通過單擊鏈接刪除表單域，但它不能清除完成形式 - 只是兩張表中的一張。爲了更好地證明這一點，我點擊了「 - 」符號前後拍攝了兩張屏幕截圖，這兩個符號應該可以移除它們，但它只能刪除一個！我只能通過點擊上面的「 - 」符號來刪除上面的表格，以便完全刪除整個表格。我不想在兩次點擊中刪除整個表格（兩張表格）。我希望他們只需點擊一下即可移除。只需點擊「 - 」號。

注意：每個表格都包含兩個四行的表格 - 兩行/表格 - 請看下面的圖片以作進一步的說明！

點擊之前 「 - 」：

在點擊 「 - 」：

下面是我打電話的onclick以 Javascript函數刪除表 -

<script type="text/javascript"> 
function removeFields1(elm1){ 
var tr1 = elm1.parentNode.parentNode.parentNode; 
tr1.remove(); 
var tr = elm1.parentNode.parentNode.parentNode; 
//getElementById("maywe"); 
tr.remove(); 

} 

下面是我爲了使用創建的JavaScript代碼「 - 」在表單字段標誌，當它被添加到表：

var td7a = document.createElement("td"); 
td7a.valign = "top";   
var remove1 = document.getElementById("Remove");   
remove1 = document.createElement("a"); 
remove1.id="Remove"; 
remove1.name="Remove"; 
remove1.href="#"; 
remove1.text="-"; 
remove1.onclick=function(){ 
removeFields1(this);}; 
td7a.appendChild(remove1); 

tr.appendChild(td7a); 

如何這個問題可以解決？

P.S.請關注Javascript部分中的removeFields1(elm1){函數，以解決此問題。

P.S.我希望原始表單保持原樣 - 表單是動態創建的...所以應該刪除的表格中只有2個表格是我專門點擊刪除的表格...他們應該一次刪除兩個表格。 。兩張表格/表格

Answer 1

正如您所提到的，您希望刪除表格中的所有表格。因此，首先找到表單元素，然後查找所有表格的子元素，然後刪除這些元素。以下JS代碼可能會對您有所幫助。

function removeFields1(elm1){ 
    parentFrm = findParentForm(elm1); 
    var allTables = parentFrm.getElementsByTagName('table'); 
    for(i=0;i<allTables.length;i++){ 
    allTables[i].remove(); 
    } 
} 
function findParentForm(elem){ 
    var parent = elem.parentNode; 
    if(parent && parent.tagName != 'FORM'){ 
    parent = findParentForm(parent); 
    } 
    return parent; 
} 

如果您使用Jquery使用預定義的函數，那將會很好。