加载后如何隐藏元素?

时间:2016-12-15 19:49:19

标签: javascript jquery html css html5

如果有一个数组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);
}) ;

有没有办法在元素存在时立即隐藏元素,以便用户永远不会看到"元素。

2 个答案:

答案 0 :(得分:0)

默认情况下,您可以使用带有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>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

  

有没有办法在元素存在时立即隐藏它们以便用户   从来没有“看到”元素。

是的,包括初始声明:

c_samp

在CSS样式表中。

<强>例如

display: none;
  

我怎么能得到第一个div。 #a div, #b div, #c div { display: none; } = 2个div元素,我想要   隐藏第一个

在这种情况下,您需要:

#a div

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