Question

我有以下标记：

<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>

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

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

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

虽然这不起作用......我尝试过使用.children，但是这些不会像嵌套那样深。

有什么想法吗？

谢谢！

Answer 1

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

Answer 2

你非常接近。以下是您的代码，已修改为搜索#items的儿童，其ID为id_

$('#items *[id^=id_]').each(function(){
    alert($(this).attr('id'));
});

Answer 3

按类'item_box'搜索
迭代它们以收集ID

$(function(){

    var child = $('#items').find('div.item_box');

    var idArray = new Array();

    if(child.length){

        $.each(child,function(i,entry){

            idArray.push($(this).attr('id'));

        });

    }

    console.log(idArray);

});

小提琴协助：http://jsfiddle.net/FFp4B/

使用jquery .find（）来获取子项

3 个答案: