查找第三个父级jQuery

Question

这段代码有效，但是三重.parent()感到油腻，我想知道是否有更有效的方法

注意

HTML在页面上重复了多次，因此我必须使用类和（this）才能仅对选定的项目设置动画

jQuery的

$('.view').click(function() {
    $(this).parent().parent().parent().find('.innerContain').animate({ left: '-100%' }, 500); 
});

的HTML

<div class="mask">
    <div class="innerContain">
        <!-- Update -->
        <ul class="updateCSI">
            <span class="view">View</span>
        </ul>
        <!-- View -->
        <ul class="viewCSI">
            <span class="update">Update</span>
        </ul>
    </div>
</div>

Answer 1

我认为$(this).closest('.innerContain')会做同样的事情。

现场演示（单击）。 （为演示起见，我使用.hide() 。）

Answer 2

为什么不：

$(this).closest('.innerContain');

在这种情况下， closest（）将帮助您获取类.innerContain的第一个元素，该元素在遍历DOM树时为.view元素的祖先。