在点击时隐藏最接近的div

Question

我试图弄清楚如何在单击时隐藏我的div，我有两个foreach，因此将创建多个相等的div，这意味着相同的类名和内容，因此我想出了使用.closest隐藏/显示我单击的div的方法。 如果foreach创建了4个div，然后单击其中一个，则我希望该div隐藏/显示。

另外，请参见以下代码中的注释

@foreach ())
{
    <div class="vwHoldLiftInfo"> // Bigger div
    <a class="liftVariTitle">@variants</a><br /> // Click THIS..

        <div class="vwSetRepHolder @cssClass"> // To hide THIS..

            @foreach ())
            {
                <a>@d.sett x @d.rep @d.kg</a><br />
            }

        </div>
    </div>
}

这是我尝试过的脚本，但它隐藏了所有div！ 能做到吗？

$(function() {
    $(".liftVariTitle").click(function() {
        $(".vwHoldLiftInfo").children('div').hide(); // .closest/.children?            
    });
});

Answer 1

（ 我只想隐藏最靠近a标签的div ），您需要使用$(this)

    $(function() {
       $(".liftVariTitle").click(function() {
          $(this).closest(".vwHoldLiftInfo").find('.vwRepSetHolder').hide(); // .closest/.children?            
      });
   });