jQuery删除/追加事件处理函数回调

我有一个事件处理程序，当UL有子LI添加或删除时运行。jQuery删除/追加事件处理函数回调

在追加的情况下，回调是在元素追加后，这就是我想要的。

但是，在删除的情况下，在元素被删除之前执行回调。这意味着该回调只能访问旧的UL，而不是元素被移除后的新UL。

我已经在回调中输出了UL，事实上它是在删除一个元素之前的UL。在元素被移除后，我希望回调与UL一起工作。人们可以在输出列表的长度中看到这种证据。

HTML：

<ul id="myList"> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li> 
</ul> 

<button id="removeButton">Remove Element</button> 
<button id="appendButton">Append Element</button>

的Javascript：

$(document).ready(function() { 
    // removes the last element 
    $("#removeButton").click(function() { 
     var items = $("#myList").children(); 
     var lastIndex = items.length - 1; 
     if (lastIndex < 0) { 
      alert("nothing to remove"); 
     } else { 
      items.eq(lastIndex).remove(); 
     } 
    }); 

    // append a list item 
    $("#appendButton").click(function() { 
     var itemNumber = $("#myList").children().length; 
     var ch = String.fromCharCode(97 + itemNumber); 

     $("#myList").append("<li>" + ch + "</li>"); 
    }); 

    // event handler when the list is changed 
    // element not removed until AFTER this callback executed, how can 
    // suppress execution of this callback until after element removed 
    $(document.getElementById("myList")).bind("DOMNodeInserted DOMNodeRemoved", function() { 

     alert("Num Children : " + $(this).children().length); 

    });

来源

2014-06-14 Tuan Vo

这是事实，DOMNodeRemoved被删除之前被解雇。然而，这并不是一件坏事，因为你可以得到从event.target中删除的元素。

$(document.getElementById("myList")).bind("DOMNodeInserted DOMNodeRemoved", function(e) { 
    console.log(e.target); 
});

来源

2014-06-14 22:23:09 Fabricator

所以我想要做的就是获得该目标的父级，就好像目标已被删除。让我们在删除之前调用parent_post父项，并在删除之前调用parent_pre父项（这是我可以从回调中访问的内容）。有什么优雅的方式来获得parent_post？除了做parent_pre“减去”的目标，获得东西=== parent_post？ –

DOMNodeRemoved在脚本准备移除项目之前触发。在这里阅读官方介绍：

w3c.org（您需要向下滚动一点）：

报价：

DOMNodeRemoved 当一个节点被从其父节点删除触发。 在将节点从树中移除之前分派此事件。此事件的目标是被删除的节点。

Bubbles: Yes 
    Cancelable: No 
    Context Info: relatedNode holds the parent node

由于加工厂写之前，我可以完成我的文章（;）），将event.target可以帮助你让你删除的项目。

来源

2014-06-14 22:53:30 CRoemheld

jQuery删除/追加事件处理函数回调

回答

相关问题