首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在jquery中选择多个div标记

在jquery中选择多个div标记
EN

Stack Overflow用户
提问于 2017-08-19 12:39:26
回答 2查看 31关注 0票数 0

以下代码用于许多div标记:

代码语言:javascript
复制
<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代码:

代码语言:javascript
复制
$(".ul li#item a").each(function(){
    $(".ul li#item a:gt(0)").toggle();
});

我想当运行代码时,只需显示第一个李,而不是所有它们。请帮帮我

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-08-19 12:42:59

使用ul .And应用每个函数,从selector.Because id中删除id名称是唯一的。hide() all li element.Then调用first().show()。它的视觉只是第一个元素

更新的

备注*:避免重复相同的id名称,.better对多个选择器使用类名而不是id

代码语言:javascript
复制
$(".ul").each(function() {
  $(this).find('li').hide().first().show()
});
代码语言:javascript
复制
<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>

票数 0
EN

Stack Overflow用户

发布于 2017-08-19 13:08:47

这一解决方案也是短暂和甜蜜的。

代码语言:javascript
复制
$(document).ready(function(){
   $("li").hide();
   $("ul>li:first-of-type").show();

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45771643

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档