javascript - jqueryのinsertAfterメソッドで作成した要素にアクセスする方法

Question

私は選択タグを持っていますが、その変更時にユーザーに別の入力を表示し、ユーザーが選択タグを複数回変更すると要素が次々に挿入されますが、選択タグを変更した後に古い入力を削除し、新しい入力を挿入したい関連する入力。

Answer 1

要素への参照を追跡するだけです...

var element;

$("#sel").change(function () {
    var sel = $(this);
    if(element)//check if an input has already been created
        element.remove();//remove the old input from the DOM
    element = $("<input/>").val(sel.val());//create the new input and store the reference
    element.insertAfter(sel);//insert the new input to the DOM
});

$("#sel").change();

これが実際の例です

は作成している要素の関数であるためinsertAfter、現在のコードで既にそれへの参照を作成している必要があります。したがって、その参照をグローバルに保存する必要があります。次に、選択を変更するたびに、参照に値があるかどうかを確認し、DOM から削除できます。