Jqueryは高いidの動的にclascを追加します

Question

私は動的にIDをクラスに追加しようとしています。問題は、現在のクラスと次のクラスにクラスを追加する必要があることです。私はこのコードを持っている：

if ($('#id_0').hasClass('active')){ 
$('#id_0').removeClass("active"); 
$('#id_1').addClass("active"); 
} 
else if ($('#id_1').hasClass('active')){ 
$('#id_1').removeClass("active"); 
$('#id_2').addClass("active"); 
} 

など。

をだから私はこのようなことは、動的書き込もう：

$('.my-class').each(function(i,e) { 
    if ($('#id_' + (i)).hasClass('active')){ 
    $('.#id_' + (i)).removeClass("active"); 
    $('#id_' + (i+1)).addClass("active"); 
    } 

問題は、この行が

$('#id_' + (i+1)).addClass("active"); 

を働いていないということです

アイデア？ おかげ

Answer 1

作業していて、ダイナミックではありませんコードは次のとおりです。

$('.title-slider').each(function(i,e) { 
    if ($('.title-slider#id_' + (i)).hasClass('active')){ 
    $('.title-slider#id_' + (i)).removeClass("active"); 
    $('.title-slider#id_' + (i+1)).addClass("active"); 
    } 
}); 

最後の行が動作していない：

if ($('.title-slider#id_0').hasClass('active')){ 
$('.title-slider#id_0').removeClass("active"); 
$('.title-slider#id_1').addClass("active"); 
} 
else if ($('.title-slider#id_1').hasClass('active')){ 
$('.title-slider#id_1').removeClass("active"); 
$('.title-slider#id_2').addClass("active"); 
} 
else if ($('.title-slider#id_2').hasClass('active')){ 
$('.title-slider#id_2').removeClass("active"); 
$('.title-slider#id_3').addClass("active"); 
} 
    else if ($('.title-slider#id_3').hasClass('active')){ 
$('.title-slider#id_3').removeClass("active"); 
$('.title-slider#id_4').addClass("active"); 
} 
    else if ($('.title-slider#id_4').hasClass('active')){ 
$('.title-slider#id_4').removeClass("active"); 
$('.title-slider#id_5').addClass("active"); 
} 
    else if ($('.title-slider#id_5').hasClass('active')){ 
$('.title-slider#id_5').removeClass("active"); 
$('.title-slider#id_6').addClass("active"); 
} 
    else if ($('.title-slider#id_6').hasClass('active')){ 
$('.title-slider#id_6').removeClass("active"); 
$('.title-slider#id_7').addClass("active"); 
} 

は、だから私はこのようにそれを書くことにしてみてください。最初の2行だけがOKです。

Answer 2

THIのためのソリューションです： `i`が定義されている

$('.title-slider.active').removeClass(function(){ 
    $(this).next().addClass('active'); 
    return 'active';