javascript - 单击该 div 中的按钮后隐藏 div

Question

我想在单击按钮时删除或隐藏 div。问题是我有很多 div，我想删除我单击按钮的特定 div。

我的div:

              <div class="col-sm-4 col--remove">
                    <div class="post post--preview">
                        <form class="akcje_konkretne" method="post">
                        <button type="submit" name="usun" value="usun" class="btn read-more post--btn usun">usuń</button>
                        </form>
                    </div>
              </div>

              <div class="col-sm-4 col--remove">
                    <div class="post post--preview">
                        <form class="akcje_konkretne" method="post">
                        <button type="submit" name="usun" value="usun" class="btn read-more post--btn usun">usuń</button>
                        </form>
                    </div>
              </div>

              <div class="col-sm-4 col--remove">
                    <div class="post post--preview">
                        <form class="akcje_konkretne" method="post">
                        <button type="submit" name="usun" value="usun" class="btn read-more post--btn usun">usuń</button>
                        </form>
                    </div>
              </div>

              <div class="col-sm-4 col--remove">
                    <div class="post post--preview">
                        <form class="akcje_konkretne" method="post">
                        <button type="submit" name="usun" value="usun" class="btn read-more post--btn usun">usuń</button>
                        </form>
                    </div>
              </div>

我的 jQuery:

$('form.actionlist').submit(function(e) {
        e.preventDefault();
        var $form = $(this);

     //Tried with:
$(this).hide();
$(this).closest('.col-sm-4 col--remove').hide();
$('.col-sm-4 col--remove').hide();

     });

不知道该怎么做，如何隐藏单击按钮的 div？

Answer 1

只是一个小错误:

$(this).closest('.col-sm-4.col--remove').hide();

该控件具有这两个类，因此您需要将其链接到选择器中。