使用功能的sepecified DIV

Question

HTML後刪除的div：

<div class="page">111111</div> 
<div class="page">222222</div> 
<div class="page">333333</div> 
<div class="page">444444</div> 
<div class="page">555555</div> 

的JavaScript：

var div = document.getElementsByClassName("page"); 
for (i = 0; i < div.length; i++) { 
    bt = document.createElement("button"); 
    bt.innerHTML = "kill my followings"; 
    div[i].appendChild(bt); 
    bt.onclick = function (i) { 
     return function() { 
      kill(div[i]); 
     } 
    }(i); 
} 

function kill(obj) { 
    // ... 
} 

見FIDDLE這裏。

我構建了一些div，其中class="page"。我使用JavaScript爲每個div添加按鈕，並向其中的每個div添加onClick事件。

我需要刪除我的當前操作div後的div。例如，如果用戶單擊No.3 div中的按鈕，則應刪除No.4和5。 如何實現它？

（如果不是必要的，原始的HTML的結構不允許更改）

非常感謝！

Answer 1

這應該是走的最簡單的方法：

function kill(obj) { 
    while (obj.nextSibling) { 
     obj.parentNode.removeChild(obj.nextSibling); 
    } 
} 

DEMO：http://jsfiddle.net/BtSKJ/3/