如何获得所有部分标签的ID下UL标签目前

Question

我是新来的Javascript和jQuery所以请原谅，如果这是一个愚蠢的问题

我有如图所示

<div id="restmenu" class="restMenu"> 
    <ul> 
     <section id="Home" class="ulseWrap lielement"> 
     <div class="intit someclassss">Home<span id="deleteHome" class="inDelete"></span><span class="inEdit" title="Modify Address" name="Modify Address"></span></div> 
     </section> 
     <section id="Office" class="ulseWrap lielement"> 
     <div class="intit someclassss">Office<span id="deleteOffice" class="inDelete"></span><span class="inEdit" title="Modify Address" name="Modify Address"></span></div> 
     </section> 
    </ul> 
</div> 

我一个HTML正在尝试这种方式

var existing = $("#restmenu").find('ul').map(function() { 
       return $(this).attr("id"); 
       }).get(); 
alert(existing); 

但是，这产生了一个空的警报。

Answer 1

尝试

在你的代码$("#restmenu").find('ul')你只要找到ul不section

var existing = $("#restmenu").find('ul section').map(function() { 
       return $(this).attr("id"); 
       }).get(); 
alert(existing); 

DEMO

Answer 2

还有一个的jsfiddle - http://jsfiddle.net/Arindamnayak/74axeyud/

<div id="restmenu" class="restMenu"> 
    <ul> 
     <section id="Home" class="ulseWrap lielement"> 
     <div class="intit someclassss">Home<span id="deleteHome" class="inDelete"></span><span class="inEdit" title="Modify Address" name="Modify Address"></span></div> 
     </section> 
     <section id="Office" class="ulseWrap lielement"> 
     <div class="intit someclassss">Office<span id="deleteOffice" class="inDelete"></span><span class="inEdit" title="Modify Address" name="Modify Address"></span></div> 
     </section> 
    </ul> 
</div> 
<input type="button" value="exec" onclick="getdate()" />. 

JS是

function getdate() 
{ 
    var val = ""; 
    console.log($("#restmenu ul")); 
    $("#restmenu ul section").each(function(index) { 

     val = val + $(this).attr("id") + " "; 
    });  
    alert(val); 
}