Question

我在div容器中有一些有图像和没有图像的新闻文章。现在想为每篇文章添加一个不同的图像。如果有图像，则图像用<div class="news-img-wrap"></div>包裹。没有图片的文章没有div。所以我试试这个

$('.news-list-view article .content-background').each(function () {
   if ($(this).find('.news-img-wrap').length) {
      $(this).addClass('colored-box-red ');



   } else {
      $(this).addClass('default-box');
   }
});

此代码适用于所有带图片的文章获取额外课程。我的问题是如何为每篇文章提供一个不同的额外课程“第一，第二，第三”

我的例子到现在为止。http://jsfiddle.net/b9JuT/

感谢您的帮助，抱歉我的英语不好。

Answer 1

您可以使用计数并在每次添加类时通过递增来动态创建唯一的类：

var classCount = 1;

$('.news-list-view article .content-background').each(function () {
if ($(this).find('.news-img-wrap').length) {
    $(this).addClass('colored-box-red ').addClass('img-' + classCount);
     classCount++;
} else {
    $(this).addClass('default-box');
}
});

jQuery-在多个元素中找到特定的类＆amp;添加到第一个，第二个不同的类

1 个答案: