2011-07-07 31 views
3

隱藏的元素,我有兩個不同的div與指定的ID

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

我想用自己的身份證在JavaScript這樣

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"); 
} 

但在這裏它隱藏只有1格。我想隱藏所有具有相同ID的div。我怎樣才能做到這一點?

+0

這與CodeIgniter或PHP有什麼關係? – cwallenpoole

+0

只有一個div(HTMLElement)可以有一定的ID值!你不能有兩個或更多的ID「錯誤」的div!使用class屬性通過文字對它們進行分組。 – Cipi

回答

1

即使使用多種因素,同一個ID在語義上無效的,你可以在一個單一的jQuery行。

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

使用的名稱或ID的選擇:在DOM

getElementsByName('errorr')搜索在DOM命名errorr

getElementById('errorr')搜索的元素用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(如規則)

UPDATE:

好吧,如果你需要隱藏一套我通常會使用的div d,在所有的人都像.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(); 
}); 

希望這有助於

+0

oppsss !!!!我對不起這樣的代碼如上所述,但偷它不起作用.... – keyur

+0

看看我更新的答案 –

+0

但div id在這裏保持不變,因爲它從javascript生成.. – keyur