使用jQuery获取元素的所有直接子元素

Question

直升机，

为什么这不起作用？

$('#someID>*');

我想只收到#someID的直接孩子。

<div id="someID">
   <p><a/></p>
   <div><p/></div>
</div>

只应返回第一个<p>和内部<div>。

谢谢。

Answer 1

确实如此，但您的示例无效html：

<div id="someID">
    <p><a></a></p>
    <div><p></p></div>
</div>

检查示例中的日志：

http://jsfiddle.net/Q6ef6/1/

第一个输出 p，div 第二个输出 p，

Answer 2

另一种方法是$('#someID').children()。

Answer 3

它在这里工作：jsFiddle。

你得到了什么结果？

Answer 4

您无法自行关闭锚链接。

此示例正常工作：http://jsfiddle.net/wesbos/uBebv/

<div id="someID">
    <p><a></a></p>
   <div><p/></div>
</div>

和

$(function() {
    console.log( $('#someID>*') )
});

Answer 5

您需要正确关闭html标记。

特别是<a> element is required的结束标记，而它是optional for the <p> element。请参阅官方html4规范。

检查this fiddle。