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

Question

这是非常愚蠢的问题。 但是我是HTML，jQuery的新手。 谁能给我解决方案。

如何在点击时关闭元素

<a>test</a>

当我单击测试时，它显示close / hide（）

我尝试了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
    });
});