注册    登录
关注
Py学习  »  Jquery

获取jquery中可见元素的索引

Mahdi Bashirpour • 4 年前 • 508 次点击  

我想得到 selected 在jquery中的可见元素之间初始化。 

<ul>
    <li>element 01</li>
    <li style="display: none">element 02</li>
    <li style="display: none">element 03</li>
    <li style="display: none">element 04</li>
    <li>element 05</li>
    <li>element 06</li>
    <li class="selected">element 07</li>
    <li style="display: none">element 08</li>
</ul>

我试过这些方法 

console.log($('ul li.selected').index());
console.log($('ul li:visible.selected').index());

我想要上面例子中的数字3: .selected 中的元素 ul 忽略 不可见的元素。

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/49322
Reply
 
508 次点击  
文章 [ 1 ]  |  最新文章 4 年前
T.J. Crowder
Reply   •   1 楼
T.J. Crowder    4 年前

你可以用 index 在选择可见元素后,传入选定元素(或包含该元素的jQuery对象)。 指数 将在jQuery集中找到元素的索引(可见元素): 

var index = $("ul li:visible").index($("ul li.selected"));

实例: 

console.log($("ul li:visible").index($("ul li.selected")));
<ul>
    <li>element 01</li>
    <li style="display: none">element 02</li>
    <li style="display: none">element 03</li>
    <li style="display: none">element 04</li>
    <li>element 05</li>
    <li>element 06</li>
    <li class="selected">element 07</li>
    <li style="display: none">element 08</li>
</ul>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
登录后回复
关于   移动版   ·   三行代码   ·   今天看啥   ·   Code   ·   link之家   ·   卧龙搜索   ·   藏经阁   ·   小百科
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号