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

Question

这是一个非常愚蠢的问题.但我是html,jquery的新手.任何人都可以给我解决方案.

如何在点击时关闭元素

<a>test</a>

当我点击测试它显示关闭/隐藏()

我尝试了,this.hide() onClick但它不再工作了.(<a onclick='this.hide()'>test</a>)

Answer 1

在click处理程序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()它来在单击时停止默认行为.