Javascript Jquery onclick close按钮，隐藏整个范围，包括close按钮

我有一个css图像，上面有一个关闭按钮。我想单击close按钮，并使用jquery使整个范围淡出。这基本上是我的html：

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

---

但这不起作用，有人能指出我的错误吗？

要淡出整个

span

，请在单击的元素的父元素上调用fadeout（）

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

---

如果此示例和上面的示例不起作用，那么jQuery可能已经过时

$(document).ready(function() {
  $('.closebutton').click(function() { 
    $('span').fadeOut();
  });
});

此外，您的HTML代码中有一个错误（额外的引号），当您有没有引用的链接时，它会返回一个错误，请使用其他内容作为按钮

---

这里是一个使用

标记的示例。

您使用的第一件事是

fadeIn

，它用于显示，而不是使用

fadeOut

或

hide

如果您不再使用

，则以下内容将显示

$(".closebutton").on("click", function (event) {
    $("#topic_new_button").fadeOut();
});

或

---

嗯，试着这样做，但没有让它发挥作用，即使我看不出为什么这样做不起作用。有没有一种方法可以让家长特别成为span？我认为这不起作用，因为你的href空间是空的（href=“”）use#here@StevenEllenStarar您需要防止默认设置action@StevenEllenStarar那么问题出在哪里，是因为“#”吗？我想我只是没有正确嵌入jquery代码，我的版本是最新的，我只是吃得太多了；我想在那之后！谢谢你的建议，让这个工作也，真的很感激！

$(".closebutton").on("click", function (event) {
    $("#topic_new_button").fadeOut();
});

$(".closebutton").on("click", function (event) {
    $("#topic_new_button").hide();
});