nth-child没有显示所需的顺序

Question

我是jquery的新手。我在这里有点困惑。页面上只有两个按钮。为什么两个按钮元素是第2个，第3个孩子和“第一个孩子”＆amp; “last-child”选择器什么都不返回？

我注意到如果删除第一个p元素，它们会以某种方式工作。

Answer 1

如果你想让它工作，就像nth-child（1）获得DOM中的第一个按钮一样 你应该使用

$("button:nth-of-type(1)")

有关详细信息link

Answer 2

尝试使用.eq（x）来获得一个孩子。

$("selector").eq(x) -> $("button").eq(0)

：nth-​​child（）它通常用于CSS，但是当你使用jQuery时，你有使用它的函数

编辑： Documentation

Answer 3

您需要使用nth-child代替#right_menu { position:fixed; font-size:15px; top:-80px; right:-115px; padding:70px; background-color:#FF00FF; width:-40%; height:110%; text-transform:uppercase; } #right_menu > li { text-align:center; display:block; padding:20px; height:16%; top:-10px; width:0; margin-bottom:0; text-transform:uppercase; position:relative; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); } #right_menu li a { text-align:center; display:block; padding:20px; position:fixed; text-transform:uppercase; text-decoration:none; } #right_menu > li:hover > a { background:#FF00FF; top:-1px; } 。

nth-child作为父元素的子元素，并选择顺序中的所有元素。

虽然nth-of-type将只选择相似的兄弟元素。