Question

我们说我有一个

ul
  > li
  > li
  > li
  > li
</>

我想在徘徊时做一些事情但是当前选择的李的数量必须略有不同。我可以通过数据切换来实现，但我不想那样使用它。

所以我的问题是如何计算我在ul中选择的连续符号？

例如：first; second; third

Answer 1

试试这样：

$('li').mouseover(function () {
    var _in = $(this).index();
    switch(_in) {
        case 0:
            alert('You hovered the first <li>!');
        break;
        case 1:
            alert('You hovered the second <li>!');
        break;
        case 2:
            alert('You hovered the third <li>!');
        break;
    }
});

工作JSFiddle：http://jsfiddle.net/xrz93/

Answer 2

使用.index()：

$('li').mouseover(function(){
    var x = $(this).index();
})

来自文档：

如果没有将参数传递给.index（）方法，则返回值为一个整数，表示第一个元素在其中的位置 jQuery对象相对于它的兄弟元素。

请注意，.index()从零开始。

jQuery选择第n个孩子

2 个答案: