javascript - 如何在点击时关闭当前元素

Question

这是一个非常愚蠢的问题。但我对 html、jquery 很陌生。谁能给我解决这个问题。

如何在点击时关闭元素

<a>test</a>

当我单击测试时，它显示关闭/隐藏()

我尝试过 this.hide() onClick但它不再起作用了。 (<a onclick='this.hide()'>test</a>)

Answer 1

在点击处理程序中，this 将是原生 DOM 元素，它没有 hide() 方法 - 您需要将其转换为 jQuery 对象。试试这个:

<a href="#" class="foo">test</a>

$('.foo').click(function(e) {
    e.preventDefault();
    $(this).hide();
});

一些注释；首先使用 onclick 属性已经过时了。如果您使用 jQuery，请使用它来连接您的事件。

其次，a 元素必须具有 href 或 name 属性，因此您需要使用 event。 PreventDefault() 以在单击时停止默认行为。