使用jquery .find（）来获取子项 [英] using jquery .find() to get children

问题描述

我有以下标记：

 < div id =items> 
< div class =item> 
< div class =item_boxid =id_1> 
< div class =oneid =one>< / div> 
< / div> 
< / div> 
< div class =item> 
< div class =item_boxid =id_2> 
< div class =oneid =two>< / div> 
< / div> 
< / div> 
< div class =item> 
< div class =item_boxid =id_3> 
< div class =oneid =three>< / div> 
< / div> 
< / div> 
< / div> 
  

基本上，我希望能够遍历并获取item_box类中的id值。 / p>

这是我正在尝试使用的代码：

  $（ '#items'）。find（/ [id _] /）。each（
 function（）{
 alert（$（this）.attr（'id'））; 
}） ; 
  

这虽然不起作用...我尝试过使用.children，但是那次赢了'这些是嵌套的深度。

任何想法？

谢谢！

解决方案

  $（'＃items'）。find（'。item_box'）。each（function（）{ 
 alert（$（this）.attr（'id'））; 
}）; 
  

I have the following markup:

<div id="items">
   <div class="item">
     <div class="item_box" id="id_1">
       <div class="one" id="one"></div>
     </div>
    </div>
   <div class="item">
     <div class="item_box" id="id_2">
       <div class="one" id="two"></div>
     </div>
    </div>
   <div class="item">
     <div class="item_box" id="id_3">
       <div class="one" id="three"></div>
     </div>
    </div>
 </div>

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

Here's the code I'm trying to use:

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

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

Any ideas?

Thanks!

解决方案

$('#items').find('.item_box').each(function(){
    alert($(this).attr('id'));
});

这篇关于使用jquery .find（）来获取子项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！