在點擊時隱藏最接近的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?            
      });
   });