jQuery获取元素的第一个孩子

Question

here is my html

<div class="start">
    <div> <!-- this -->
        <div></div>
    </div>
    <div></div> <!-- this -->
    <div> <!-- this -->
        <div>
            <div></div>
        </div>
    <div>
<div>

I need to collect all the selected div , and I can do it with $('div[class="start"] > div') , but how to do it in a .each() cycle, because I'm cycling on all the div[class="start"]' .

$('div[class="start"]').each(function(){
    doSomething($(this));
    //this below is what I want to achieve
    $(this).children('> div').each(function(){
         doSomethingElse($(this));
    });
});

Answer 1

Use children

$('div.start').children().each(function() {

This will select all the direct children of the div having class start .

There is no need of using attribute-value selector here, you can use class selector.

Answer 2

You just need to remove > or > div

$('div[class="start"]').each(function(){
    doSomething($(this));
    //this below is what I want to achieve
    $(this).children().each(function(){
        doSomethingElse($(this));
    });
});

Answer 3

Your code is more or less correct but instead of children() you need to use find()

$('div[class="start"]').each(function(){
    doSomething($(this));
    //this below is what I want to achieve
    $(this).find('> div').each(function(){
         doSomethingElse($(this));
    });
});

JSFiddle