Удаление узлов с использованием JavaScript

Question

Я пытаюсь удалить строку при нажатии кнопки. Он отлично работает, если я не за столом. Мой JSP имеет комбинацию из 50 строк в таблице, и после этого мы вставляем таблицы. Теперь, моя проблема в том, хочу ли я удалить последнюю строку из предыдущей таблицы, как мне это сделать?

Я прилагаю скриншот UI и отладчика HTML-просмотра тоже. Любые предложения будут полезны.

[DROW] Вот несколько строк, в которых мы имеем древовидную структуру. Нам нужно сначала подняться до каждой строки, а затем перейти к последней строке, чтобы удалить последнюю строку.

Это возможно только в том случае, если мой предыдущий Row содержит последние строки val. Я не могу с этим справиться.

function removeAnotherResponse(arg0, data, response, request){ 

// Make sure the response has everything we need 
if(arguments==null || arguments.length<4 || !request.content || request.content==null || !request.content.groupUniqueId || request.content.groupUniqueId==null){ 
    return; 
} 

// Check for true response 
if(!data || data==null || !data[0] || !data[0].removedSuccess || data[0].removedSuccess!=true){ 
    return; 
} 

var groupUniqueId=request.content.groupUniqueId; 

// Get the add another button row and add the new row before it. 
var addAnotherRow=document.getElementById("ADD_"+groupUniqueId); 
if(addAnotherRow==null) return; 

    var previousRow=document.getElementById("ADD_"+groupUniqueId).previousSibling; 
    addAnotherRow.parentNode.removeChild(previousRow); 



showOrHideAddRemoveButtons(groupUniqueId, data[0].removeButton, data[0].addButton); 
updateSectionCount(groupUniqueId, false); 
getPortCount(groupUniqueId); 

}

Answer 1

Спасибо всем, кто предложил мне исправить код html.

Элемент пользовательского интерфейса действительно создавал проблему для меня другими способами. Теперь, вместо создания нового, я нашел другой способ справиться с этим, и мой код HTML упростился. PFB изменения скрипта, которые были сделаны. Спасибо за все предложения :)

if (document.getElementById("ID" + gID) != null) { 

    innerElement = document.getElementById("ID_TD_" + gID); 
    innerElement.innerHTML = innerElement.innerHTML + responseHTML; 

} else { 

    innerElement = document.createElement("td"); 
    innerElement.setAttribute("id", "ID_TD_" + gID); 

    newElement.appendChild(innerElement); 
    innerElement.innerHTML = responseHTML; 

} 

Answer 2

HTML-фрагмент, который вы размещаете, кажется, есть некоторые проблемы (ID дубликаты, использование <tr> в качестве родителя другого <tr>). Я пытаюсь ответить на ваш основной вопрос, как удалить строку таблицы. Вы можете использовать метод deleteRow объекта DOM table. Коллекция rows может использоваться для доступа к существующим строкам, а deleteRow и insertRow позволяет изменять таблицу.