-2

私は、表示ブロックの属性を持つ ID スライド 1 を取得しようとし、アクティブなページカウント 1 の ID にクラスを追加します... 各スライドについて、アクティブであることが示されているインジケーターを取得しようとしています。

<div id="slider">
  <div class="sp active" id="slide-1" style="display: block"></div>
  <div class="sp" id="slide-2" style="display: none"></div>
  <div class="sp" id="slide-3" style="display: none"></div>
  <div class="sp" id="slide-4" style="display: none"></div>
</div>

<div id="page">
  <div id="page_count-1" class="indicate"></div>
  <div id="page_count-2" class="indicate"></div>
  <div id="page_count-3" class="indicate"></div>
  <div id="page_count-4" class="indicate"></div>
</div>
4

2 に答える 2

1

このコードは、すべてのslide要素が表示されているかどうかを確認し、activeクラスを対応するpage_count要素に適用します。

for (var i = 1; i <= 4; i++) {
    if ($('#slide-' + i).is(':visible')) {
        $('#page_count-' + i).addClass('active');
    }
}
于 2013-09-24T14:42:27.090 に答える
0 
$('#slider div').each(function() {
    var currentIndex = parseInt($(this).attr('id').replace('slide-',''));
    if($(this).css('display') == 'block') {
        $("#page_count-" + currentIndex).addClass("active");  
    }
});

http://jsfiddle.net/jonigiuro/bZj2B/

于 2013-09-24T14:46:45.780 に答える