Как скрыть элементы после их загрузки?

Question

Если у вас есть массив oData.Con, в котором есть 3 объекта. На странице загрузки эти 3 объекта показаны на моей странице. То, что я хочу сделать, это полностью удалить их. Я хочу скрыть/удалить элементы из массива.

Я попробовал setInterval и setTimeout, но они работают только в хромированном виде. В 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>