Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/480.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery选择第n个子项_Javascript_Jquery_Html - Fatal编程技术网

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()方法传递任何参数,则返回值为 一个整数,指示第一个元素在 相对于其同级元素的jQuery对象

    请注意,
    .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;靶心!这工作做得很好,谢谢!此外,还应考虑鼠标移出。例如,如果你添加了一些东西,你应该能够删除它作为井眼!这工作做得很好,谢谢!此外,还应考虑鼠标移出。例如,如果你添加了一些东西,你也应该能够删除它