如何找到div的第一个直接子元素

Question

这应该很容易，但我无法做到。

我有一个id为“LeftScrollableDiv”的div元素，我正在尝试找到它下面的第一个子元素：

$("#LeftScrollableDiv:first-child");

<div id="LeftScrollableDiv:first">
   <table></table>
</div>

但结果为空。任何帮助？

Answer 1

$('#LeftScrollableDiv').children().first();

API

Answer 2

$("#LeftScrollableDiv > :first-child");

Answer 3

:first-child检查其主题是否是其父级的第一个子级。在这种情况下，您尝试选择标识为#LeftScrollableDiv的元素，该元素是其父元素的第一个子元素。所有:选择器只过滤前一个选择，它们不会选择任何新元素。

遗憾的是，jQuery中没有.firstChild方法，所以你必须先选择所有孩子，然后取出第一个孩子。

可能的选择器是：

"#LeftScrollableDiv > :first"

Which is far more efficient than > :first-child

Answer 4

以下对我没有用处：

$('#LeftScrollableDiv').children().first();

如果找到相同的内容，则可以将children（）方法返回的对象视为数组。

获取第一个元素：

$('#LeftScrollableDiv').children()[0]

获取最后一个元素：

$('#LeftScrollableDiv').children()[$('#LeftScrollableDiv').children().length-1]