首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery: click event to remove()图像元素点击和相邻的图像元素

Jquery: click event to remove()图像元素点击和相邻的图像元素
EN

Stack Overflow用户
提问于 2015-07-21 14:54:49
回答 3查看 3.3K关注 0票数 0

这是一个非常奇怪或简单的错误。但是它让我的头发笑。下面的代码是一个针对2个<img>元素的单击事件处理程序。你点击一个被分类为"undo“的<img>元素--这应该会同时删除被点击的<img>和它旁边的被分类为”<img>“的元素。我设法将其中一个移除,但不是两个都移除。有谁能帮帮忙吗?谢谢你,沃尔特

JS:

代码语言:javascript
复制
$('ul').on('click','.undo',function(e) {
    $(this).remove();   
    $(this).prev().remove();

HTML:

代码语言:javascript
复制
<img src="images/bin.png" align="right" class="bin">
<img src="images/undo.png" align="right" class="undo">
EN

回答 3

Stack Overflow用户

发布于 2015-07-21 14:56:18

一旦调用$(this).remove();,该元素就会从dom中删除,此后$(this).prev()将找不到任何元素,因为分离的元素不会有任何先前的同级元素。

代码语言:javascript
复制
$('ul').on('click', '.undo', function (e) {
    $(this).prev().addBack().remove();

代码语言:javascript
复制
$('ul').on('click', '.undo', function (e) {
    $(this).prev().remove();
    $(this).remove();
票数 0
EN

Stack Overflow用户

发布于 2015-07-21 14:59:52

交换删除过程,如下所示:

代码语言:javascript
复制
$('ul').on('click','.undo',function(e) {
    $(this).prev().remove(); 
    $(this).remove();   
});

您在这里所做的是在current元素被删除后尝试删除previous元素,而jquery在删除后将无法找到this元素,从而删除其previous元素。所以只需先删除它的previous元素,然后再删除current元素。

票数 0
EN

Stack Overflow用户

发布于 2015-07-21 15:36:40

我尝试了一下我的其余代码,并意识到问题出在那里。问题出现在冒泡效应中,项目是在通过DOM加载页面后添加的。

感谢你的调查-我需要去分析我的代码的其他部分,导致这不工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31532215

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档