Question

我有一个包含编辑列的列表页面。当他点击编辑时，它将打开一个编辑页面，其中包含具有缩略图格式的图像列表的所有数据。现在我把关闭图标放到所有图像上。每个图像都有其唯一的ID。

1）当我点击关闭图标时，它会隐藏删除相应的图像。

2）点击提交我想要可用的图片ID。

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();
});

删除关闭按钮的相应图像

2 个答案: