如何通过jquery隐藏没有id / class的div?

时间:2010-11-30 22:19:11

标签: jquery hide

如何使用jQuery隐藏第一个/第二个div?

Div无法获得id / class!

<body>
<div>
<p>ssssssss</p>
</div>
<div>
<p>ttttttttt></p>
</div>
<div>
<p>fffff</p>
</div>
</body>

5 个答案:

答案 0 :(得分:9)

要隐藏第一个<div>元素,请执行:

$("div:eq(0)").hide();

要隐藏第二个<div>元素,请执行:

$("div:eq(1)").hide();

要隐藏第一个和第二个<div>元素,请执行以下操作:

$("div:lt(2)").hide();

答案 1 :(得分:2)

$('div:lt(2)').hide();

答案 2 :(得分:0)

或许

$("body div:nth-child(1)").hide();?未测试

需要HTML标记来帮助进一步

编辑 - 啊哈,代码块失败 - 我的代码仍然存在,但我怀疑有更好的方法

答案 3 :(得分:0)

你可以使用伪选择器:first和:nth(n)...注意nth(n)是从零开始的。所以:nth(0)相当于:first。

$('div:first').hide();
$('div:nth(1)').hide();

答案 4 :(得分:0)

隐藏儿童div 1和儿童div 2(或3或4)

   $('body div:nth-child(1),body div:nth-child(2)').hide();

nth-child是偏移量,逗号分隔出哪些..如果你想保留div#2,它可能是

 $('body div:nth-child(1),body div:nth-child(3)').hide();