如何选择这些子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中起作用。 看看这个JSFiddle

Answer 4

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

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

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

查找所有匹配的元素。