1

HTML：

<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) {
    // ...
}

请参阅此处的小提琴。

我构建了一些 div class="page"。我使用 JavaScript 为每个 div 添加按钮，并添加onClick事件。

我需要在当前操作 div 之后删除 div。例如，如果用户单击 No.3 div 中的按钮，则应删除 No.4 和 5。如何实现？

（如非必要，原html结构不允许改动）

非常感谢！

4

1 回答 1

5

这应该是最简单的方法：

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

演示：http: //jsfiddle.net/BtSKJ/3/

于 2013-07-04T08:09:42.007 回答