prependで追加したコンテンツのみ削除したい

Question

prependで追加した要素をクリックで削除したいのですが削除ができません。
既存のaddは残したまま追加した要素のみを削除したいです

<div class="box">
      <h1>h1要素です</h1>
      <div class="wrap">
        <p>p要素です1</p>
        <p>p要素です2</p>
        <p class="add">p要素です3</p>
        <button class="delete">追加要素削除</button>
      </div>
    </div>

$(function() {
  var html = '<p class="add">追加要素1</p>';
  for (var i=2; i<=3; i++) {
    html += '<p class="add">追加要素'+i+'</p>';
  }
 $('.wrap').prepend(html);
 $('body').on('click', '.delete' , function() {
    $(html).remove();
    });;
});

Answer 1

$(function(){
  var html = '<p class="add added">追加要素1</p>';
  for (var i=2; i<=3; i++) {
    html += '<p class="add added">追加要素'+i+'</p>';
  }
  $('.wrap').prepend(html);
  $('body').on('click', '.delete' , function() {
    $('.added').remove();
  });
});

//$('.wrap').find('.added').remove();でも可能

Answer 2

ちょっと意図がわからないのですが、削除予定の追加要素に適当なclassを振っておけばよいのでは？

$(function(){
  var html = '<p class="add added">追加要素1</p>';
  for (var i=2; i<=3; i++) {
    html += '<p class="add added">追加要素'+i+'</p>';
  }
  $('.wrap').prepend(html);
  $('body').on('click', '.delete' , function() {
    $('.added').prev().remove();
  });
});

Comments

[code2255]

自分で課題を作って練習をしているため質問がおかしいかもしれません・・
.prev()を追加するとaddedが全部消えないため
$('.added').remove();にしました
$(''.wrap).find('.added').remove();でも動きます。
ありがとうございました。

$(function(){
var html = '<p class="add added">追加要素1</p>';
for (var i=2; i<=3; i++) {
html += '<p class="add added">追加要素'+i+'</p>';
}
$('.wrap').prepend(html);
$('body').on('click', '.delete' , function() {
$('.added').remove();
});
});