如何在单击时关闭当前元素 - How to close the current element on click

How to close the current element on click

本文关键字：元素单击 | 更新日期: 2023-09-27

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

如何在单击时关闭元素

<a>test</a>

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

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

在点击处理程序中，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() 来停止单击默认行为。

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

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

使用 jquery 尝试如下：

<a class"some_link">test</a>
$(function(){
    $(".some_link").click(function(){
        $(this).hide(); // $(this).remove(); to remove
    });
});