jquery를 사용하여 인덱스 선택

-1

다음 코드를 가지고 있습니다. 회전식 표시기 용입니다. 기본 표시기 대신 이미지를 넣어서 약간 변경했는데, 어떻게 데이터 슬라이드를 = "0"으로 선택할 수 있습니까? 예를 들어 data-slide-to = 0이라면 jquery 함수를 사용하여 navbar 배경색을 빨간색으로 바꿉니 까? 내가 회전 목마 위의 네비게이션 바 있고, 내가하고 싶은 것은 지표에 대한 인덱스를 선택하는 것입니다 그것이 활성화 될 때 스타일 변경이 필요한 모든 경우는 메뉴 바의 배경색jquery를 사용하여 인덱스 선택

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

출처

2017-02-21 stephjhonny

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

출처

2017-02-21 19:42:52 AmericanUmlaut

내가하고 싶은 것을 보여주기 위해 다음 링크에 코드를 추가했습니다. 문제를 해결하는 데 도움을 줄 수 있습니까? 첫 번째 if를 취하여 조치를 적용합니다. https://jsfiddle.net/ckf2o6zg/ – stephjhonny

@stephjhonny 질문이 성취하려는 것을 정확하게 설명하지 않으면 질문을 편집해야합니다. – AmericanUmlaut

나는 질문을 편집했다 – stephjhonny

을 변경, 이것은 순수한 CSS로 할 수 있습니다.

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

출처

2017-02-21 19:44:56 Gwellin

내가하고 싶은 것을 보여주기 위해 다음 링크에 코드를 추가했다. 제발 도와 달라. 제발 할 수있어? 그것은 단지 첫 번째 if를 취하여 그것에 액션을 적용합니다. jsfiddle.net/ckf2o6zg – stephjhonny

jquery를 사용하여 인덱스 선택

답변

관련 문제