jQuery每个()函数不起作用

时间:2011-03-22 18:54:43

标签: javascript jquery html

我正在尝试为我的#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>

2 个答案:

答案 0 :(得分:6)

addClass会自动处理集合。

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

jsfiddle上的示例。

旁注:这也可以简化为

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

答案 1 :(得分:0)

试试这个

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

但是如果你只想添加课程,你也可以在下面的一个班次

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