jQuery Each（）函數不起作用

Question

我正在嘗試在#destaques內的每個div.banner中添加一個類，但無法正常工作。 發生了什么？

JS：

$(document).ready(function() {
  bannerRotator("#destaques");
});



function bannerRotator(element) {

  // Conta quantos banners existem:

  i = 0;

  $(element).find(".banner").each(function() {
    i++;
    $(this).addClass("test");
  });

  alert(i);

  //

}

HTML：

<div id="destaques">
<div class="banner"><img src="images/001.jpg"/></div>
<div class="banner"><img src="images/002.jpg"/></div>
<div class="banner"><img src="images/003.jpg"/></div>
</div>

Answer 1

addClass將自動處理集合。

$("#destaques").find(".banner").addClass("test");

jsfiddle上的示例 。

旁注 ：這也可以簡化為

$("#destaques .banner").addClass("test");

Answer 2

嘗試這個

jQuery.each($("div.banner"), function() {
  i++;
  $(this).addClass("test");
});

但是，如果您只想添加課程，也可以在下面的一列中進行

alert($('div.banner').addClass("test").length);