Quoting via div in jQuery

Question

I have the following script:

     $('#divs').children().each(
  function(){

   //Get Id's
   var id = $(this).attr('id').replace('id_','');
   alert(id);

  }
 );

With markup:

      <div id="divs">
     <div id="item_1">
         <div id="sub_1">
             ---
            </div>
            <input type="button" value="Submit"/>
        </div>

        <div id="item_2">
             <div id="sub_1">
                ---
             </div>
             <input type="button" value="Submit"/>
        </div>
  </div>

Basically, it loops twice on each id = "item_" set ... I just want it to take into account div_ item_1, item_2, etc. Not sub_1 etc.

Any ideas how to fix this? Thank!

Answer 1

Thanks guys, I ended up:

$ ('# divs'). children (/ [id _] /). each

Answer 2

$("#divs > div").each(
    function(){
        //your function
    }
);

Answer 3

You can select child elements: $('#divs').children('[id^=item]')