javascript - jQuery 循环遍历子 div

Question

<div id="ChosenCategory" class="chosen">
   <div class="cat_ch" name="1">
   <div class="cat_ch" name="2">
   <div class="cat_ch" name="3">
   <div class="cat_ch" name="5">
   <div class="clear"> </div>
</div>

我想遍历 div.cat_ch 如何？

这个失败了:

    $("div").each(function () {
       alert("FW");
       alert($(this).attr("name").val());
    });

Answer 1

$('#ChosenCategory').children('.cat_ch').each(function() {

});

或者

$('#ChosenCategory > .cat_ch').each(function() {

});

JQuery 的 .children方法和 css3 子选择器 >将只返回与选择器匹配的直接子级，类 .cat_ch在示例中。

如果要在 DOM 树中进行更深入的搜索，即包含嵌套元素，请使用 .find或省略子选择器:

$('#ChosenCategory').find('.cat_ch').each( function(){} )

或者

$('#ChosenCategory .cat_ch').each( function(){} )