Javascript 有关第n-child()的帮助,选择所有子项

Javascript 有关第n-child()的帮助,选择所有子项,javascript,jquery,jquery-selectors,css-selectors,Javascript,Jquery,Jquery Selectors,Css Selectors,我可能错过了一些完全愚蠢的事情,但我无法理解 我正在进行一些简单的jquery实践,并希望从一个aside元素中选择指定的子元素以获得宽度。但是,当我选择它时,返回值是null。因此,我尝试了一些方法,我将第n个child值切换为2,将方法切换为html(),以查看这是否有任何作用。事实上,当我使用第n个child(2)时,它会选择aside元素中的所有子元素 Javascript: var modOneWidth = $('aside:nth-child(1)').width(); conso

我可能错过了一些完全愚蠢的事情,但我无法理解

我正在进行一些简单的jquery实践,并希望从一个aside元素中选择指定的子元素以获得宽度。但是,当我选择它时,返回值是
null
。因此,我尝试了一些方法,我将第n个child值切换为2,将方法切换为html(),以查看这是否有任何作用。事实上,当我使用第n个child(2)时,它会选择aside元素中的所有子元素

Javascript:

var modOneWidth = $('aside:nth-child(1)').width();
console.log(modOneWidth); //returns null

var modOneWidth = $('aside:nth-child(2)').html();
console.log(modOneWidth); //returns html of all children in aside
元素及其子元素(放置在
元素中):


单元1
同一天,所有人都会坐在一起,为精英们献身,为劳工和社会提供临时服务

单元2 里奥萨姆,你是不是想用普通消费品换现金?在一个没有法律约束的环境中,所有人都有自己的权利,所有人的权利都是无效的

单元3 乌拉姆科实验室的同一份实习报告中,所有人都是从普通消费者那里获得的。两人或两人在一个无教区的房间里互相指责。圣奥卡塔铜塔除外

再说一次,我不知道我做错了什么,可能是HTML5元素吗?任何帮助都将不胜感激。非常感谢您将选择器应用于
元素,因此您的选择器最终与
元素匹配,该元素是其父元素的第n个子元素

您应该匹配
元素:

var modOneWidth = $("aside article:nth-child(1)").width();
试一试


是否还有另一个
我注意到您的第二个变量名为
modOneWidth
,但您正在获取
.html()
。这是故意的吗?编辑:我是个白痴:别理我。@NimChimpsky:这是基于一个的。不清楚要选择什么:元素还是它的子元素。调用
.html()
不会选择任何内容<代码>旁白:第n个子项(n)
选择其父项的第n个子项。它不会选择
的子项。不要将第n个子项与第n个类型混淆。我猜在侧边前面有一个元素(内部部分元素)。你完全正确…我犯了愚蠢的错误。谢谢
var modOneWidth = $("aside article:nth-child(1)").width();
$('aside').children('article:eq(0)').html();