Javascript jQuery选择第n个子项
假设我有一个Javascript jQuery选择第n个子项,javascript,jquery,html,Javascript,Jquery,Html,假设我有一个 ul > li > li > li > li </> ul >李 >李 >李 >李 我想做一些事情时,悬停李的,但它必须略有不同的数量,目前选定的李。我可以用数据切换来做,但我不想用那种方式 所以我的问题是如何计算我在ul中选择的序列li? 例:第一;第二第三,像这样试试: $('li').mouseover(function () { var _in = $(this).index(); switch(_in
ul
> li
> li
> li
> li
</>
ul
>李
>李
>李
>李
我想做一些事情时,悬停李的,但它必须略有不同的数量,目前选定的李。我可以用数据切换来做,但我不想用那种方式
所以我的问题是如何计算我在ul中选择的序列li?
例:第一;第二第三,像这样试试:
$('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;
}
});
$('li')。鼠标悬停(函数(){
var_in=$(this.index();
开关(_-in){
案例0:
警惕(“你在第一个!”盘旋);
打破
案例1:
警报(“你在第二个 !”);
打破
案例2:
警惕(“你在第三个 !”);
打破
}
});
- 工作区:
$('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;
}
});
$('li')。鼠标悬停(函数(){
var_in=$(this.index();
开关(_-in){
案例0:
警惕(“你在第一个!”盘旋);
打破
案例1:
警报(“你在第二个 !”);
打破
案例2:
警惕(“你在第三个 !”);
打破
}
});
- 工作区:
.index()
是基于零的。使用:
从文档中:
如果未向.index()方法传递任何参数,则返回值为
一个整数,指示第一个元素在
相对于其同级元素的jQuery对象
请注意,
.index()
是基于零的。您可以添加您的js代码吗?您的意思是类似于第n个子选择器的东西吗?我想为每一个李做一些不同的事情,但这与选择前的李有关。Biduleohm-一个小伪码:$('li.1')->var x*=1$('li.2')->var x*=2$('li.3')->var x*=3$('li.4')->var x*=4;你能添加你的js代码吗?你的意思是像第n个子选择器一样的东西吗?我想为每一个李做一些不同的事情,但这与选择前的李有关。Biduleohm-一个小伪码:$('li.1')->var x*=1$('li.2')->var x*=2$('li.3')->var x*=3$('li.4')->var x*=4;靶心!这工作做得很好,谢谢!此外,还应考虑鼠标移出。例如,如果你添加了一些东西,你应该能够删除它作为井眼!这工作做得很好,谢谢!此外,还应考虑鼠标移出。例如,如果你添加了一些东西,你也应该能够删除它