我想显示
jquery隐藏的第一个元素.我的HTML代码是：
<ol>
<li>1</li>
<li style="display:none">2</li>
<li style="display:none">3</li>
<li style="display:none">4</li>
<li style="display:none">5</li>
<li><a class="add">Add More ...</a></li>
</ol>
每次点击“a”元素时,我想显示第一个隐藏的LI.
我的解决方案如下.但我认为存在更好的方式.
$("a.add").click(function(){
var hiddens=$(":hidden",$(this).parent().parent());
if (hiddens.length>0)
{
hiddens.each(function(index,el){
if(index==0)
{
$(this).slideToggle("fast");
}
});
}
if (hiddens.length==1)
{
$(this).parent().hide();
}
坦
解决方法
只需添加一个：第一个选择器,你得到：隐藏设置,这样你就可以从隐藏选择器找到的第一个元素中找到它
$("a.add").click(function(){
$(":hidden:first").slideToggle("fast");
});
