Question

我试图找出如何在点击时隐藏我的div，我有两个foreach所以它将是多个相等的div创建意义相同的类名和东西所以我想用.closest来隐藏/显示我单击。如果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?            
      });
   });

点击时隐藏最近的div

1 个答案: