如何在加載後隱藏元素？

Question

如果有一個數組oData.Con，其中有3個對象。 頁面加載時，這3個對象顯示在我的頁面上。我想要做的是完全刪除它們。我想隱藏/刪除數組中的元素。

我試過setInterval和setTimeout，但這些只能在chrome中一直工作。在IE中，元素被加載然後消失。我不希望用戶看到他們。

$(document).ready(function() { 
    window.setInterval(function(){ 
     jQuery("#a").find('div').first().hide(); 
     jQuery("b").find('div').first().hide(); 
     jQuery("c").find('div').first().hide(); 
    }, 0); 
}) ; 

有沒有一種方法可以在元素存在時隱藏元素，以便用戶永遠不會「看到」元素。

Answer 1

有沒有辦法隱藏元素，只要它們存在，以便用戶 永遠不會「看到」的元素。

是的，包括的初始聲明：

display: none; 

在你的CSS樣式表。

例如，

#a div, 
#b div, 
#c div { 
display: none; 
} 

我怎樣才能獲得第一個div雖然。 #a div = 2 div元素，我想 隱藏的第一個

在這種情況下，你將需要：

#a div:first-of-type { 
display: none; 
} 

或

#a div:nth-of-type(1) { 
display: none; 
} 

Answer 2

你可以在默認情況下使用其隱藏顯示器none與:first-child只隱藏第一個div：

#a>div:first-child, #b>div:first-child, #c>div:first-child { 
    display: none; 
} 

希望這會有所幫助。

#a>div:first-child,#b>div:first-child,#c>div:first-child { 
 
    display: none; 
 
}

<div id='a'> 
 
    <div>a1</div> 
 
    <div>a2</div> 
 
    <div>a3</div> 
 
</div> 
 
<br> 
 
<div id='b'> 
 
    <div>b1</div> 
 
    <div>b2</div> 
 
    <div>b3</div> 
 
</div> 
 
<br> 
 
<div id='c'> 
 
    <div>c1</div> 
 
    <div>c2</div> 
 
    <div>c3</div> 
 
</div>