当多个单品 jquery remove()是怎么判断用户在第几行删除呢?
新手疑问。
估计你这dom层次没搞清楚,等弄清楚层次以后,你再熟悉下jq选择器,应该分分钟搞定
你的问题在于没有理解 $('.quanx1') 和 $(this) 的区别,你既然是点哪行删哪行的话,那么肯定跟 $(this) 是有关的,不能直接使用 $('.quanx1') 来删除。
你只需要操作当前元素的父级li 就可以了
例:
<li><a href="" class="J-delete"></a></li>
$(".J-delete").on("click",function(){
$(this).parent("li").remove();
})
不知道你是这意思不。
遍历元素下 checked=checked 的tr 再执行该元素的$(checked).remove()
@netBuffer 说的是对的,如果楼主知道DOM层次
,这个真是分分钟的事。
言归正传,可以这样做:
通过这个删除元素
向上找到这个单品的div
或者li
,使用到的是jquery
的closest
方法。
比如这一条单品的存放容器是个li,可以这么写:
jQuery("#del_span").click(function(){
jQuery(this).closest('li').fadeOut(500, function () {
$(this).remove();
});
})
看看你那一条一条的结构是什么样子了。
我就吧你啦一条一条的结构看做是
<ul>
<li><p><b>1</b><a href="">删除</a></p></li>
<li><p><b>2</b><a href="">删除</a></p></li>
</ul>
那么就要用
jQuery("ul").click(function(){
jQuery(this).parent("li").remove();
})
2个方案,1是用id来标识元素,然后根据id来删除,2是从删除按钮向上找,找到列表所在的那一级,获得index,删除对应index的元素,如果是自身的话连获得index都可以省下来
说实话,没太看懂是什么意思。
remove方法是把元素从DOM中移除,包括在元素上绑定的事件处理程序。所以执行remove方法后,$('.quanx1')还是指向那些元素的,只是这些元素已经不再文档中了。
如果指向删除特定的几个单品,就不要在所有单品上调用remove方法,精确定位到指定单品然后在删除。
判断是在第几行,最简单的方式就是遍历了。
希望有用
<!--外层行-->
<div>
<!--行中的某个删除按钮-->
<span id="del_span">删除按钮</span>
</div>
jQuery("#del_span").click(function(){
jQuery(this).parent().remove();
})