Erste Daten aus Divs

Question

Ich habe die folgende Struktur:

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

Es kann myDivX mehrere sein.

Ich möchte einige Informationen aus ihm in der folgenden Art und Weise erhalten:

myDiv1 
Abc 
Def 
myDiv2 
Ghi 
Jkl 

Das ist mein Ansatz:

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

Es gibt mir dies:

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

Fiddle .

Answer 1

Sie können es tun, wie diese DEMO

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

Answer 2

Run eine Depth-First-Suche in Ordnung Traversal auf dem Sub-DOM-Baum unter div # main.

Nick Zakas hat einen großen Artikel darüber, wie diese Funktion in Javascript schreiben: 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) 
});