Jquery 得到第n个孩子

我一直在尝试通过jquery获取div的第n个子项，这样我就可以在同一屏幕上显示不同的内容，有点像制表符，但选择器就是不起作用。我需要处理以下代码

以下是选项卡的代码：

$（“li.tablink”）。单击（函数（）{
变量$this=$（“li，.tablink”）
如果（$this.is（':n子项（1）'））{
警报（“1”）；
}否则{
警报（“2”）；
}
});


选项卡1
表2

页面的第一个内容
第二页内容
第三页内容
var$this=$（“li.tablink”）

不正确。您应该只使用传递给jQuery对象的

this

，如下所示：

$（this）

$（“li.tablink”）。单击（函数（）{
if（$（this）.is（':n子项（1）'））{
警报（“1”）；
}否则{
警报（“2”）；
}
});


选项卡1
表2

页面的第一个内容
第二页内容
第三页内容
var$this=$（“li.tablink”）

不正确。您应该只使用传递给jQuery对象的

this

，如下所示：

$（this）

$（“li.tablink”）。单击（函数（）{
if（$（this）.is（':n子项（1）'））{
警报（“1”）；
}否则{
警报（“2”）；
}
});


选项卡1
表2

页面的第一个内容
第二页内容
第三页内容
假设选项卡和内容顺序相同，则可以使用索引

在所有内容上也采用公共类


$（“li.tabLink”）。单击（函数（）{
//$（this）.index（）获取其同级中当前
的索引
//eq（）返回具有相同索引的内容
$（'.content'）.hide（）.eq（$（this.index（））.show（）；
});
.content{display:none}


选项卡1
表2
表3

页面的第一个内容
第二页内容
第三页内容
假设选项卡和内容顺序相同，则可以使用索引

在所有内容上也采用公共类


$（“li.tabLink”）。单击（函数（）{
//$（this）.index（）获取其同级中当前
的索引
//eq（）返回具有相同索引的内容
$（'.content'）.hide（）.eq（$（this.index（））.show（）；
});
.content{display:none}


选项卡1
表2
表3

页面的第一个内容
第二页内容
第三页内容