jquery - 获取元素的其他或所有类别

Question

给定 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 的“附加”子类？

Answer 1

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

考虑到所有这些，以下内容应该适合您:

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