Question

以下代码适用于许多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();
});

我想在运行代码时只显示第一个而不是全部。请帮帮我

Answer 1

使用ul应用每个功能。并从选择器中删除id名称。因为ID是唯一的。hide()所有li元素。然后调用first().show()。它的visibile只是第一个元素

<强>更新

注意* ：避免重复使用相同的ID名称。更多使用classname 而不是多个选择器的id

＆＃13;

$(".ul").each(function() {
  $(this).find('li').hide().first().show()
});

＆＃13;

<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>

＆＃13;

Answer 2

这个解决方案也很简短。

$(document).ready(function(){
   $("li").hide();
   $("ul>li:first-of-type").show();

});

在jquery中选择许多div标签

2 个答案: