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

Question

这是一个非常愚蠢的问题。但我是 html、jquery 的新手。谁能给我这个解决方案。

如何在点击时关闭元素

<a>test</a>

当我点击测试它显示关闭/隐藏（）

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

Answer 1

在单击处理程序this中将是没有该hide()方法的本机 DOM 元素 - 您需要将其转换为 jQuery 对象。尝试这个：

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

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

几个笔记；首先使用onclick属性已经过时了。如果您使用 jQuery，请使用它来连接您的事件。

其次，a元素必须具有hreforname属性，因此您需要在event.preventDefault()单击时使用它来停止默认行为。

Answer 2

.hide()是 jQuery 提供的方法，在 dom 元素中不可用。

<a onclick='$(this).hide()'>test</a>

Answer 3

使用 jquery 像这样尝试：

<a class"some_link">test</a>

$(function(){
    $(".some_link").click(function(){
        $(this).hide(); // $(this).remove(); to remove
    });
});