獲取數據出來的div

Question

的我有以下結構：

<div id="main"> 
    <div id="myDiv1"> 
    <ul> 
     <li>Abc</li> 
     <li>Def</li> 
    </ul> 
    </div> 
    <div id="myDiv2"> 
    <ul> 
     <li>Ghi</li> 
     <li>Jkl</li> 
    </ul> 
    </div> 
</div> 

可以有多個myDivX。

我想獲得一些信息出來它以下列方式：

myDiv1 
Abc 
Def 
myDiv2 
Ghi 
Jkl 

這是我的方法：

$("#main").each(function() { 
    $("div").each(function() { 
    console.log(this.id) 
    }); 
    $("ul").each(function() { 
    console.log(this) 
    }); 
}); 

它給了我這樣的：

main 
myDiv1 
myDiv2 
<ul>​<li>​Abc​</li>​<li>​Def​</li>​</ul>​ 
<ul>​<li>​Ghi​</li>​<li>​Jkl​</li>​</ul>​ 

Fiddle 。

Answer 1

你可以像下面這樣做DEMO

$('#main div').each(function() { 
    console.log($(this).attr('id')); 
    $(this).find('li').each(function() { 
    console.log($(this).text()); 
    }); 
}); 

Answer 2

運行深度優先搜索中序遍歷的DIV＃主下方的次DOM樹。

尼克Zakas對如何在Javascript編寫此功能的大文章：https://www.nczonline.net/blog/2009/06/09/computer-science-in-javascript-binary-search-tree-part-1/

Answer 3

$("div").each(function() { 
    If($(this).attr("id").indexOf("myDiv") < 0) 
    { 
     return; 
    } 
    console.log(this.id) 
});