JavaScriptでタグの削除をしたい。

Question

下記コードにて
bodyとimgのformを作成しているのですが
formの中の値を消すのは

$('#フォーム名')[0].reset();

で実装はできています。

ただ
リセットボタンが押された場合、
$.ajaxで作り出したbodyとimgのクラスも含めデータを消すということをしたいのですが実現は可能でしょうか？
可能な場合どのようにすれば実現可能でしょうか？
参考サイト、サンプルコード等あれば教えていただきたいです。

                     $.ajax({
                                //送信設定 省略

                                }, false);
                            }
                            return xhr;
                        },
                        success: function(imageData, status, xhr) {
                            var res = {};
                            try {
                                res = $.parseJSON(xhr.responseText);
                            }catch (e) {}
                            $("#image-files ul").append("<img class='imgView' src=\"" + res.img + "\" / >");
                            $('<input>').attr({
                                type: 'textarea',
                                name: "body["+res.img_id+"]",
                                value: "",
                            }).appendTo('form');
                            $('<input>').attr({
                                type: 'hidden',
                                name: "img["+res.img_id+"]",
                                value: res.img_id,
                            }).appendTo('form');
                        },

Comments

[x_x]

「先ほど作り出した」の処理が不明なのですが、明記してもらえるでしょうか？

Answer 1

たとえば、appendする際にクラスをつけて管理してみては？

$(function(){
  $('#btn1').on('click',function(){
    $('#f1').append($('<input>').attr({type:"text",name:"test[]"}).addClass('add'));
  });
  $('#btn2').on('click',function(){
    $('#f1').trigger('reset').find('.add').remove();
  });
});

<form id="f1">
<input type="text" name="hoge"><br>
<input type="checkbox" name="fuga"><br>
<input type="button" id="btn1" value="add"><br>
<input type="button" id="btn2" value="reset"><br>
</form>