如何选择这些子div

Question

我正在尝试提醒每个div的ID，以便输出11 25 78。

<div id="main">
  <div id="section-11">Some content</div>
  <div id="section-25">Some content</div>
  <div id="section-78">Some content</div>
</div>

我已经选择main而我正在尝试使用children，但它无效。不知道为什么。

$('#main').children().each(function(){
   alert($(this).attr('id'));
});

Answer 1

$('#main div').each(function() {
    alert($(this).attr('id').replace(/section-/, ''));
});

Answer 2

这对我来说很好用：

http://jsfiddle.net/mfgXG/

你准备好后忘记跑了吗？

Answer 3

它至少在FF中起作用。看看at this JSFiddle

Answer 4

我想那里有更多嵌套的div元素，即那些“section”元素不是主面板的直接子元素？

在这种情况下，有这样的选择器：

$('#main div[id^="section-"]').each(function(){

查找所有匹配的元素。