Javascript 如何使用prototype从包装器div获取所有外部（父）divs id值？

我只想从下面的HTML结构中获取第一个外部所有divs id值

$('padder').select('div').each(function(el){
  alert($(el).id);
}); 

<div id="padder">
  <div id="p1">
    <div id="s1">
    </div><!-- Ends s1 div-->
  </div><!-- Ends p1 div-->
  <div id="test">
    <div class="subdiv">
    </div><!-- Ends subdiv div-->
  </div><!-- Ends test div-->
  <div id="contents">
    <div>
    </div><!-- Ends div-->
  </div><!-- Ends contents div-->  
</div><!-- Ends padder div-->   

我想输出像p1、test这样的内容，它是外部div ids值（“p1，测试，内容”）在“padder”div中，并非所有divs id值。我试过下面的代码 但它返回所有div id值，但我只想外部div id 它的值如p1，test，contents（这是我想要的外部divs id和它的值）在下面的html结构中

$('padder').select('div').each(function(el){
  alert($(el).id);
}); 

<div id="padder">
  <div id="p1">
    <div id="s1">
    </div><!-- Ends s1 div-->
  </div><!-- Ends p1 div-->
  <div id="test">
    <div class="subdiv">
    </div><!-- Ends subdiv div-->
  </div><!-- Ends test div-->
  <div id="contents">
    <div>
    </div><!-- Ends div-->
  </div><!-- Ends contents div-->  
</div><!-- Ends padder div-->   

$（'padder'）。选择（'div'）。每个（函数（el）{
警报（$（el.id）；
}); 

您可以使用选择器

#padder>div

选择所有

div

元素，这些元素是

#padder

的直接子元素

然后只需迭代元素，使用

el.id

您还可以将

id

s映射到数组-（不带prototype.js）

输出：

["p1", "test", "contents"]

["p1", "test", "contents"]