Javascript 单击时隐藏最近的div

我想知道如何在单击时隐藏我的div，我有两个foreaches，因此将创建多个相等的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>
}

（我只想隐藏离a标记最近的div）您需要使用

$（this）

---

我想知道如何在单击时隐藏我的div

这一点都不清楚-你想隐藏单击的div吗？那么为什么

最近的

或

子项

很重要呢？目前我使用的脚本会在单击时隐藏所有div，但我只想隐藏最靠近我单击的

a

标记的div<代码>这是我尝试使用的脚本，但它隐藏了所有div这到底意味着什么？当我只想隐藏一个div时，它隐藏了所有div，所以它不起作用，我们正在到达那里，尽管我只想单击时隐藏

vwRepSetHolder

div，这样你单击的文本和上面的div仍然存在，有意义吗？现在整个部门都消失了，但至少只有我clicked@PontusSvedberg不客气，祝你有美好的一天：-）你也一样！-）

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

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