Jquery：根据<div> </div> </id>动态添加<id>

Question

让我们在DIV标签上动态添加ID，具体取决于DIV的数量

<div class="panel" id="">
  ...
  ...
</div>
<div class="panel" id="">
  ...
  ...
</div>
<div class="panel" id="">
  ...
  ...
</div>

我们想要实现的结果是使用jquery

<div class="panel" id="1">
  ...
  ...
</div>
<div class="panel" id="2">
  ...
  ...
</div>
<div class="panel" id="3">
  ...
  ...
</div>

我尝试做这样的代码，但它无法正常工作

$panel.each(function(i) {
  $(this).attr('id', ($(i+1)));

Answer 1

$('.panel').each(function(i) {
  $(this).attr('id', i+1);
});

http://jsfiddle.net/rjptR/

Answer 2

问题在于最后一行：

  $(this).attr('id', ($(i+1)));

为什么用i+1包裹($())？

应该只是

  $(this).attr('id', i+1); 

Answer 3

i=0;
$('.panel').each(function() {
    i++;
    $(this).attr('id', i);
});

Answer 4

 $(document).ready(
        function () {
            var counter = 1;
            $(".panel").each(
                function () {
                    $(this).attr("id", counter);
                    counter++;
                }
            );
        }
);