Question

这是我的HTML

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

我需要收集所有选定的div，我可以使用$('div[class="start"] > div')，但是如何在.each()周期内完成，因为我骑自行车所有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

使用children

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

这将选择div所有具有班级start的直接子女。

此处不需要使用属性值选择器，您可以使用类选择器。

Answer 2

您只需要移除>或> div

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

Answer 3

您的代码或多或少是正确的，但您需要使用find（）

而不是子代（）

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

JSFiddle

jQuery获得元素的第一个孩子

3 个答案: