这是一个非常奇怪或简单的错误。但是它让我的头发笑。下面的代码是一个针对2个<img>元素的单击事件处理程序。你点击一个被分类为"undo“的<img>元素--这应该会同时删除被点击的<img>和它旁边的被分类为”<img>“的元素。我设法将其中一个移除,但不是两个都移除。有谁能帮帮忙吗?谢谢你,沃尔特
JS:
$('ul').on('click','.undo',function(e) {
$(this).remove();
$(this).prev().remove();HTML:
<img src="images/bin.png" align="right" class="bin">
<img src="images/undo.png" align="right" class="undo">发布于 2015-07-21 14:56:18
一旦调用$(this).remove();,该元素就会从dom中删除,此后$(this).prev()将找不到任何元素,因为分离的元素不会有任何先前的同级元素。
$('ul').on('click', '.undo', function (e) {
$(this).prev().addBack().remove();或
$('ul').on('click', '.undo', function (e) {
$(this).prev().remove();
$(this).remove();发布于 2015-07-21 14:59:52
交换删除过程,如下所示:
$('ul').on('click','.undo',function(e) {
$(this).prev().remove();
$(this).remove();
});您在这里所做的是在
current元素被删除后尝试删除previous元素,而jquery在删除后将无法找到this元素,从而删除其previous元素。所以只需先删除它的previous元素,然后再删除current元素。
发布于 2015-07-21 15:36:40
我尝试了一下我的其余代码,并意识到问题出在那里。问题出现在冒泡效应中,项目是在通过DOM加载页面后添加的。
感谢你的调查-我需要去分析我的代码的其他部分,导致这不工作。
https://stackoverflow.com/questions/31532215
复制相似问题