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 に答える