Wählen Sie index mit jquery

Question

Ich habe den folgenden Code, es ist für Karussell-Indikatoren ich machte einige Änderungen, indem Sie Bilder anstelle der Standard-Indikatoren, wie kann ich die Daten-Folie-to = "0" zu einem der li und eine Bedingung anwenden, zum Beispiel, wenn Data-Slide-to = 0 navbar Hintergrundfarbe in rot ändern, mit jquery-Funktion? ich habe ein navbar über dem Karussell, was ich tun möchte, ist der Index für die Anzeige auswählen und wenn es aktiv wird, ändert es die navbar Hintergrundfarbe

<!-- 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

Wenn Stil ändert alle sind Sie brauchen, Dies kann mit reinem CSS geschehen.