Как удалить текущий элемент

[tarhan]

Здравствуйте!

<?
$body ='<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>';
$body .= '<div id="add">добавить</div>';

$body .=<<<EOF
<script>
$('#add').on('click', function(){
  $('#add').after('<p>удалить</p>');
});


$('p').on('click', function(){
  //пожалуйста, подскажите как удалить this <p>удалить</p>
});
</script>
EOF;

echo $body;

?>

 

[Stas-P]

$(this).remove();

 

[Stas-P]

не удалит

вот так удалит

<script>
$(document).ready(function() {

$('#add').on('click', function(){
  $('#add').after('<p>удалить</p>');
});


$('body').delegate('p', 'click', function(){ // вместо body можешь указать родителя в котором надо удалять p
  $(this).remove();
});

});
</script>

 

[tarhan]

вот так удалит

<script>
$(document).ready(function() {

$('#add').on('click', function(){
  $('#add').after('<p>удалить</p>');
});


$('body').delegate('p', 'click', function(){ // вместо body можешь указать родителя в котором надо удалять p
  $(this).remove();
});

});
</script>

спасибо, но в моем случае не подойдет, надо удалить определенную картинку, только хз как передать индекс картинки:

$('#file').change(function(){


var fd = new FormData();

$.each($('#file')[0].files, function(i){
    fd.append('img['+i+']', $('#file')[0].files[i]);
});


$.ajax({
  type: 'POST',
  url: 'uploadimg.php',
  data: fd,
  processData: false,
  contentType: false,
  success: function(data){
  $.each(data.img, function(i){
  $("#s_img").append('<div id="upload_img_'+i+'"><img src="files/'+data.img[i]+'"><span>удалить</span></div>');
  });
  }
});

});

 

[Stas-P]

спасибо, но в моем случае не подойдет, надо удалить определенную картинку, только хз как передать индекс картинки:

тогда так

$('div').delegate('span', 'click', function(){
  $(this).parents('div').remove();
});

 

[tarhan]

тогда так

$('div').delegate('span', 'click', function(){
  $(this).parents('div').remove();
});

спасибо, и картинка нашлась:

$('#s_img').on('click', 'span', function(){
      var my_picture = $(this).prev().attr('src');
      alert('Картинка - «' + my_picture + '»');
      $(this).parent().remove();
    });