以下代码用于许多div标记:
<div class="posts">
<div id="ex">
<ul class="ul">
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
</ul>
</div>
<div id="ex">
<ul class="ul">
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
<li id="item"><a href="#">s</a></li>
</ul>
</div>
</div>下面的代码是jquery代码:
$(".ul li#item a").each(function(){
$(".ul li#item a:gt(0)").toggle();
});我想当运行代码时,只需显示第一个李,而不是所有它们。请帮帮我
发布于 2017-08-19 12:42:59
使用ul .And应用每个函数,从selector.Because id中删除id名称是唯一的。hide() all li element.Then调用first().show()。它的视觉只是第一个元素
更新的
备注*:避免重复相同的id名称,.better对多个选择器使用类名而不是id
$(".ul").each(function() {
$(this).find('li').hide().first().show()
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
the below code is for many div tag :
<div class="posts">
<div class="ex">
<ul class="ul">
<li><a href="#">see</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
<div class="ex">
<ul class="ul">
<li><a href="#">see</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
<li><a href="#">s</a></li>
</ul>
</div>
</div>
发布于 2017-08-19 13:08:47
这一解决方案也是短暂和甜蜜的。
$(document).ready(function(){
$("li").hide();
$("ul>li:first-of-type").show();
});https://stackoverflow.com/questions/45771643
复制相似问题