Удалить родительский элемент после удаления последнего потомка элемента

Question

У меня есть список элементов на странице, для обсуждения можно сказать, у меня есть следующий:

<div id="group_01"> 
    <div id="entry_1-01">stuff <a href="delete">x</a></div> 
    <div id="entry_1-02">stuff <a href="delete">x</a></div> 
</div> 

<div id="group_02"> 
    <div id="entry_2-01">stuff <a href="delete">x</a></div> 
    <div id="entry_2-02">stuff <a href="delete">x</a></div> 
</div> 

ссылка Удалить вызывает запрос Ajax и удаления запись после успешного вызова Ajax, запись div удаляется со страницы. Мой вопрос:

Как удалить группу, содержащую группу, как только все ее записи были удалены?

Надеюсь, что это достаточно подробный вопрос. Я чувствую, что это не ново, но два дня поиска ничего не привели.

Answer 1

Прежде чем удалить дочерний элемент, получите его родительский элемент, подсчитайте количество дочерних элементов, а затем, после удаления дочернего элемента, удалите родительский элемент, если число дочерних элементов равно нулю. Вот Quicky часть образца кода:

function d (x) 
{ 
    var e = document.getElementById(x); 
    var p = e.parentNode; 
    p.removeChild (e); 
    if (p.childNodes.length == 0) { 
     var pp = p.parentNode; 
     pp.removeChild (p); 
    } 
} 

Я добавил onclicks своим дивы, как это:

<div id="group_01"> 
    <div id="entry_1_01">stuff 11<a onclick="d('entry_1_01');" href="#delete">x</a></div> 
    <div id="entry_1_02">stuff 12<a onclick="d('entry_1_02');" href="#delete">x</a></div> 
</div> 

Я также изменил ссылку на «Удалять». Вы могли бы убрать это по-разному.

Answer 2

действительно зависит от того, библиотека вы используете

http://docs.jquery.com/Traversing/parent#expr

должен быть подходящим выражение:

Answer 3

функция, как это должно будет работать:

function removeNodeIfEmpty(node) { 
    var container = document.getElementById(node); 
    var nodeCount = 0; 

    for (i = 0; i < container.childNodes.length, i++) { 
     if (container.childNodes[i].nodeType == 1) { 
      nodeCount += 1; 
     } 
    } 

    if (nodeCount < 1) { 
    container.parentNode.removeChild(node); 
    } 
} 

Это должно учитывать пробельный вопрос.

Answer 4

Предполагая, что вы делаете что-то вроде этого, чтобы удалить запись:

entryDiv.parentNode.removeChild(entryDiv); 

, то вы должны быть в состоянии использовать следующий код, чтобы удалить группу DIV, когда последний ребенок удаляется:

var groupDiv = entryDiv.parentNode; 
groupDiv.removeChild(entryDiv); 
if (!groupDiv.firstChild) { 
    groupDiv.parentNode.removeChild(groupDiv); 
} 

... хотя вам нужно следить за текстовыми узлами только в виде пробелов, если эти записи не были созданы напрямую скриптом.