title: finding specific immediate children of an element using prototype
body: <p>Following DOM structure:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="item"&gt;yes&lt;/li&gt;
    &lt;li&gt;no&lt;/li&gt;
    &lt;li class="item"&gt;yes&lt;/li&gt;
    &lt;li&gt;
      &lt;ul&gt;
        &lt;li class="item"&gt;no&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Assuming I have the outer <code>&lt;ul&gt;</code> in <code>$ul</code>. How do I get the <strong>two immediate children</strong> which have the <code>item</code>-class?</p>
  
  <p>In <strong>jQuery</strong> I would write something like this:</p>
  
  <pre><code>$ul.children().filter(".item")
  $ul.children(".item")
  $ul.find("&gt; .item")
  </code></pre>
  
  <p>How do I to this with <strong>Prototype</strong>?</p>
  
  <p>I tried the following ...</p>
  
  <pre><code>$ul.select("&gt; .item") //WRONG
  </code></pre>
  
  <p>... but it does does exactly the opposite and returns the <strong>one inner</strong> <code>&lt;li&gt;</code></p>