获取项目的其他或所有类别

时间:2011-12-05 10:07:31

标签: jquery css jquery-selectors

鉴于HTML:

<div id="carrousel-wrapper">
  <div class="region region-carousel-1">
    ....
  </div>
  <div class="region region-carousel-2">
    ....
  </div>
</div>

我走过选择器如下:

  var wrapper = $('#carousel-wrapper .region');
  if(wrapper.length) {
    $(wrapper).each(function(i) {
      var regionClass = 'region-carousel-' + (i + 1);

但我想要一种更清晰的方法来查找regionClass。当前的方式在例如.region-carousel-1不存在。

如何检索.carrousel-wrapper .region的“附加”子类?

1 个答案:

答案 0 :(得分:2)

each()方法中,您可以使用this关键字来引用当前元素。此外,if (wrapper.length)检查是多余的,因为each()方法如果没有提供任何元素,则不会引发错误。最后,您将wrapper变量重新包装在jQuery对象中。

考虑到所有这些,下面的内容对您有用:

var wrapper = $('#carousel-wrapper .region');
wrapper.each(function(i) {
    var regionClass = $(this).attr("class");
});