using jquery .find() to get children
<p>I have the following markup:</p>

<pre><code>&lt;div id="items"&gt;
   &lt;div class="item"&gt;
     &lt;div class="item_box" id="id_1"&gt;
       &lt;div class="one" id="one"&gt;&lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;div class="item"&gt;
     &lt;div class="item_box" id="id_2"&gt;
       &lt;div class="one" id="two"&gt;&lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;div class="item"&gt;
     &lt;div class="item_box" id="id_3"&gt;
       &lt;div class="one" id="three"&gt;&lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
 &lt;/div&gt;
</code></pre>

<p>Basically, I want to be able to loop through and get the id value in the item_box class.</p>

<p>Here's the code I'm trying to use:</p>

<pre><code>$('#items').find(/[id_]/).each(
      function(){
         alert($(this).attr('id'));
      });
</code></pre>

<p>This doesn't work though... I've tried using .children, however that won't go as deep as these are nested.</p>

<p>Any ideas?</p>

<p>Thanks!</p>
