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

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元素必须具有href或name属性，因此当您点击它时，您需要使用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
    });
});