0

ボタンをクリックすると、その後ろに新しいdivを追加（挿入）しましたが、この関数を他のボタン/アンカーなどで使用できるようにしたいので、新しいdivにIDを付けたくありません。

$("#buttonA").click(function(){
$("#div1").after("<div>bla bla bla</div>");
});

次に、イベントによって、挿入されたdivを削除したいと思います。挿入されたdivを削除する最良の方法は何ですか？...私はまだそれを一般的にすることができません、私は新しく挿入されたdivにIDを適用しなければなりません、そしてそれを削除するために私は使用します

$("#newid").remove()
4

3 に答える 3

5

.next＃div1の後のdivにトラバースするために使用します。

$("#div1").next("div").remove();
于 2013-01-18T02:17:07.943 に答える
2

まず、挿入された要素にタグ（この場合はinsertedクラス）を付けます。

$("#buttonA").click(function(){
    $("#div1").after("<div class='inserted'>bla bla bla</div>");
});

次に、選択したセレクターを使用して、挿入された要素を探します。

$("#div1 .inserted").remove();

divこの方法で挿入されたものをすべて削除することもできます。

$(".inserted").remove();

多くの異なるイベントがdivすべて同じコンテナ内に多くの異なるを作成し、次に1つの特定のdivを削除できるようにする場合は、それぞれに一意のIDを生成divし、後で参照できるようにそれらを呼び出し元にマップする必要があります。またはdiv、後で参照できるように、作成した要素を呼び出し元にマップするだけです。ユースケースについて詳しく知らなければ、強力な提案をすることは困難です。

于 2013-01-18T02:08:02.570 に答える
0

divを1つだけ追加する場合は、次のように変数を作成できます。

var newDiv = $("<div>New Div!</div>")

$("#buttonA").click(function(){
 $("#div1").after(newDiv);
});

$("#buttonB").click(function(){
 $(newDiv).remove();
});

このjsFiddleをチェックして、機能することを確認してください。

ただし、複数の要素が必要な場合、そのソリューションは機能しません。

于 2013-01-18T02:16:03.437 に答える