0

私は 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');
   }
});

このコードは、画像が余分なクラスを取得するすべての記事で正常に機能します。私の質問は、画像付きの各記事に「最初、2番目、3番目」の異なる追加クラスを与える方法です

今までの私の例。http://jsfiddle.net/b9JuT/

あなたの助けに感謝し、私の悪い英語を申し訳ありません.

4

1 に答える 1

0

カウントを使用して、クラスが追加されるたびにインクリメントすることで、オンザフライで一意のクラスを作成できます。

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');
}
});
于 2013-05-18T02:24:50.537 に答える