Удалить соответствующее изображение onclick из кнопки закрытия

Question

У меня есть одна страница списка со столбцом редактирования. Когда он нажмет на редактирование, он откроет одну страницу редактирования со всеми данными, которые имеют список изображений в формате миниатюр. Теперь я положил значок со всеми изображениями. Каждое изображение имеет свой уникальный идентификатор.

1) Когда я нажимаю значок закрытия, он будет скрывать удаление соответствующего изображения.

2) onclick of submit Я хочу доступные идентификаторы изображений.

PHP код: -

<div id="<?=$rw['id'];?>" style="height:68px; width:86px; margin-right:10px; float:left;"> 
      <img src="img/icons/close.png" style="float:right; vertical-align:top; height:18px; width:18px; z-index:9999;" > 
       <div style="height:50px; width:70px; border:1px solid #999; float:left; margin: 0 10px 0 0; box-shadow: 0 0 1px 1px #888888;"> 
       <a class="group<?=$i;?>" href="<?=$img_gpath;?><?=$rw['upload_url'];?>" title=""> 
       <img src="<?=$img_gpath.$rw['upload_url'];?>" style="height:50px; width:70px; z-index:999;" id="<?=$i;?>"> 
       </a> 
       </div> 
      </div> 

Пожалуйста, если у вас есть какие-либо решения, то поделитесь им со мной.

Answer 1

добавить общий класс для div и динамический id также
теперь у вас есть только динамический id;
, если вы используете общий класс, мы можем написать JQuery как этот

HTML

<div id="<?=$rw['id'];?>" class="common"> 
    ----elements 
</div> 

JQuery

jQuery('.common').on('click',function(){ 
    var element_id=jQuery(this).attr('id'));// u will get dynamic id of div; after that u can do anything by using this id 
}); 

Answer 2

Пример fiddle создается. Пожалуйста, проверьте.

К удалению кнопок, пожалуйста, введите remove-img.

<img class="remove-img" src="url" /> 

Затем вам нужно удалить родительское подразделение по щелчку удалить изображения, как:

$('.remove-img').click(function(e) { 
    $(this).parent().remove(); 
});