隐藏具有指定id的元素

Question

我有两个不同的div

var promptContent = $('<div id="errorr">').addClass("formErrorContent").html(promptText).appendTo(prompt);
var arrow = $('<div id="errorrarrow">').addClass("formErrorArrow");

我想在javascript中使用他们的id，如下所示

  function windowclose()
{
    document.getElementById('add_project').style.display="none";
    document.getElementById('blanket').style.display="none";
    document.getElementById('errorr').style.display="none";
    document.getElementById('errorrarrow').style.display="none";

//     $("#blanket").fadeIn("none");
//        $("#add_project").fadeIn("none");
}

但在这里它只隐藏了第一个div。我想隐藏具有相同id的所有div。我该怎么做呢？

Answer 1

尽管在许多元素上使用相同的ID在语义上是无效的，但您可以在单个jQuery行中执行此操作。

$('#errorr, #errorrarrow').hide();

Answer 2

在使用名称或id之间选择：

getElementsByName('errorr')在DOM中搜索名为errorr的元素

getElementById('errorr')在DOM中查找id等于errorr的元素；

尝试更改您的代码：

document.getElementsByName('errorr').style.display="none";
document.getElementsByName('errorrarrow').style.display="none";

至

document.getElementById('errorr').style.display="none";
document.getElementsById('errorrarrow').style.display="none";

还要注意，DOM必须具有所有唯一的ID(作为规则)

更新：

如果需要隐藏一组div，我通常会添加一个类，比如.element-to-hide

<div id="asd" class="element-to-hide">...
<div id="lol" class="element-to-hide">...
<div id="foo" class="element-to-hide">...

在接触jQuery之后的蚂蚁

$('.element-to-hide').each(function(){
  $(this).hide();
});

希望这对你有所帮助