html5 - 如何用jquery获取一个元素的祖元素(该组元素有多个兄弟元素)，并删除其祖元素

问题描述

问 题

如何用jquery获取一个元素的祖元素(该组元素有多个兄弟元素)，并删除其祖元素

实现点击垃圾箱删除该列的功能。

        $('.min_delete').on('tap',function(){
            $(this).parents('li').css('display','none');
            // $(this).parents('li').css('background','red');红色
            // alert($(this).parents('li').size()); 1

        })

自己获取到了祖先元素，但是设置display = none时，并不是我预期的那样，反而是下面的一个li也跟消失了。但给该元素设置背景颜色时，只有当前this的祖先元素li的背景色是红色的这是怎么回事？
将$('.min_delete')换成$('#min_delete')时可以将li隐藏，但不可能分别设置id的，请问各位有怎么办？

解决方案

刚才用jQuery 做了一个ul 放了4个li里面有input按钮，$(this).parents("li")可以取到你点击的对应的父元素li标签，会不会是jQuery版本问题？
或者是您li里镶嵌li标签了？

要是都没问题的话。用你的li对应的id做显示和删除。
var index = $(this).parents('li').index()+1;
$("#touch"+index).css('display','none');

这篇关于html5 - 如何用jquery获取一个元素的祖元素(该组元素有多个兄弟元素)，并删除其祖元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！