jquery:棘手的选择器问题

Question

嗨，我有这个标记:

<div id="main">
     <div nam="item">1</div>
     <div nam="item">2</div>

     <div>
           <div nam="item">3</div>
           <div nam="item">4</div>
           <div nam="item">5</div>
     </div>

     <div nam="item">6</div>
     <div nam="item">7</div>
</div>

我现在使用此方法仅选择直接子 div:

var divs = $("#main > [nam]"

我的问题 - 我想在一个只传递父 div 的函数中执行此操作，我需要如何更改选择器？

function get_rootChildren(div)
{
      return($("* > [nam]",div));
}

^ 这是假的，但我想你知道我的意思 - 这是怎么做到的？ 谢谢，伏羲

Answer 1

也许:

$("#main > div.item")

来自jQuery Selector Docs

parent > child

Matches all child elements specified by "child" of elements specified by "parent".

要回答第二部分 - 我会使用 .children()像这样的东西:

function get_rootChildren(div) {
   $(div).children('div.item');
}