Javascript 关闭div按钮，使用Jquery访问ID

我想为我的一些弹出div创建一个关闭按钮。 他们每个人都有一个特定的ID，我的想法是根据正在关闭的Div ID将CSS“display”设置为“none”

下面的示例不起作用。我想知道为什么

Java脚本

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

Html

x

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

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

.hide（）

相当于

.css（“显示”、“无”）

您还可以使用jquery删除内联函数调用，如下所示

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

请注意，我使用了类而不是id选择器，如果您有多个元素，则不需要提取id并隐藏div。您可以使用直接选择器并隐藏div

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

.hide（）
相当于
.css（“显示”、“无”）

您还可以使用jquery删除内联函数调用，如下所示

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

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

$(id).css("display", "none");

到

或者更好的是，使用

$('#' + id).hide();

换衣服

$(id).css("display", "none");

到

或者更好的是，使用

$('#' + id).hide();

尝试按页仅使用一个唯一id。通过
class=“close”
更改
id=“close”
@Anoop Joshi向您展示了隐藏div的正确方法：-）尝试按页仅使用一个唯一id。通过
class=“close”
更改
id=“close”
@Anoop Joshi向您展示隐藏div的正确方法：-）