javascript - Jquery onclick 关闭按钮，隐藏整个范围包括关闭按钮

Question

我有一个附有关闭按钮的 CSS 图像。我想单击关闭按钮，并使用 jquery 淡出整个跨度。这基本上是我的 html:

<span class="topic_new_button">
  <a href="" class="closebutton"></a>
  <a href="" class="imglink""></a>
</span>

我试过:

$(".closebutton").on("click", function(event) {
    var $row = $(this);
    $row.animate({ opacity: 0.05}, function() {
        $row.find(".imglink").fadeIn();
    });
});

但是不行，有人能指出我方法的错误吗？

Answer 1

要淡出整个 span，请在被点击元素的父元素上调用 fadeOut()

$(".closebutton").on("click", function (event) {
    $(this).parent().fadeOut();
    event.preventDefault();
});