jqueryを使用してインデックスを選択

Question

私は以下のコードを持っています。カルーセルインジケータ用です。デフォルトインジケータの代わりにイメージを入れていくつか変更しました。どのようにデータスライドを選択することができますか？例えばdata-slide-to = 0の場合、jquery関数を使用してnavbarの背景色を赤に変更しますか？ 私はカルーセル上のナビゲーションバーを持って、私は何をしたい、インジケータ用のインデックスを選択することであり、それがアクティブになったときのスタイルが変更され、あなたが必要なすべてのであれば、それは、ナビゲーションバーの背景色

<!-- Indicators --> 
      <div class="controls"> 
       <ul class="nav list-unstyled list-inline"> 
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"> 
         <a href="#"><img style="width: 100%" src=""></a> 
        </li> 
        <li data-target="#carousel-example-generic" data-slide-to="1"> 
         <a href="#"><img style="width: 100%" src=""></a> 
        </li> 
        <li data-target="#carousel-example-generic" data-slide-to="2"> 
         <a href="#"><img style="width: 100%" src=""></a> 
        </li> 
        <li data-target="#carousel-example-generic" data-slide-to="3"> 
         <a href="#"><img style="width: 100%" src=""></a> 
        </li> 
        <li data-target="#carousel-example-generic" data-slide-to="4"> 
         <a href="#"><img style="width: 100%" src=""></a> 
        </li> 
       </ul> 
      </div> 

Answer 1

$('li[data-slide-to="0"]').css('background-color', 'red'); 

Answer 2

を変更しますこれは純粋なCSSで行うことができます。

li[data-slide-to="0"] { 
    background-color: red; 
}