javascript - div 的关闭按钮，使用 Jquery 访问 ID

Question

我想为我的一些弹出 DIV 创建一个关闭按钮。它们中的每一个都有一个特定的 ID，我的想法是根据关闭的 Div ID 将 CSS“显示”设置为“无”。

以下示例无效。我想知道为什么...

Java 脚本

function CloseDiv(element) {
    var id = $(element).closest('div').attr('id')
    alert(id)  // It's returning the correct id
    $(id).css("display", "none");
}

HTML

<span id='close' onclick='CloseDiv(this)'>x</span>

Answer 1

您不需要提取 id 并隐藏 div。您可以使用直接选择器并隐藏 div。

function CloseDiv(element) {
    $(element).closest('div').hide()
}

.hide() 等同于 .css("display", "none");

你也可以像这样用jquery去掉内联函数调用，

$(".close").click(function() {
  $(this).closest("div").hide();
});

请注意，我使用类而不是 id 选择器，以防您有多个元素