仅将代码应用于JQuery中被单击元素的父级

Question

如何将代码仅应用于JQuery中所选元素的父元素，而不应用于所有元素？

HTML

<div class="box">

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

    <div class="box-li">
        <div class="hide"></div>
        <div class="click">click</div>
    </div>

</div>

JQUERY

$('.box-li .click').click(function(){
    $('.box-li .hide').fadeOut();
});

Answer 1

您可以使用.parent()从元素转到其父元素。为此，您还需要使用.parent()上下文-每个回调都将this分配为其当前目标的元素。您可以将其包装在jQuery对象this中，然后遍历到父对象：