在<ul> </ul> </li>中的特定</li> <li>的左侧和右侧计算<li>的编号

时间:2014-02-23 09:05:55

标签: javascript jquery html

有没有办法知道左侧有多少<li><li>中特定<li>右侧有多少<ul>

前面这里我想要输出左边的特定<li class="active-slide"> 2 <li>和右边的1

是否可以通过jquery

<ul id="slider_donor" class="clearfix">
 <li id="slider_1">
 <li id="slider_2">
 <li id="active-slide" class="active-slide"> 
 <li id="slider_3">
</ul>

提前致谢。

2 个答案:

答案 0 :(得分:3)

您可以使用prevAll()

var leftLIs = $('.active-slide').prevAll('li');

获取li之前兄弟姐妹的所有.active-slide

以及nextAll();

var rightLIs = $('.active-slide').nextAll('li');

获取li的下一个兄弟姐妹的所有.active-slide

答案 1 :(得分:1)

你可以使用nextAll()和prevAll()来找出接下来所有兄弟姐妹然后得到那些对象的长度

var $active = $('.active-slide');
var rights = $active.nextAll().length;
var lefts = $active.prevAll().length;