我如何选择这些子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(){

找到所有匹配的元素。