span의 클래스를 'a'내부의 id로 묶어 id로 묶습니다.

Question

"div"요소의 "a"요소 안에있는 "span"요소의 클래스를 바꾸려고합니다.

나는이 사업부가 :

<div id="songList" ng-repeat="el in tracksList"> 
<a ng-click="playSelectedSong($index)" class="list-group-item" id="{{$index}}"><h4 class="list-group-item-heading"><span id="playStopSpan" class="glyphicon glyphicon-play"></span>{{el.title}}</h4><p class="list-group-item-text"><span class="glyphicon glyphicon-stats"></span>Stats: <span class="glyphicon glyphicon-play"></span> {{el.playback_count}} </p></a> 

을 그리고 나는 ID playStopSpan와 스팬 요소의 클래스를 대체합니다. > - - tracksList의 각 요소에 대해>범위 사업부을 :

내 문서 트리 나는 이해한다.

나는 여러 가지 방법을 시도했지만 아직 시도하지 못했습니다. 지금까지 나는이 있습니다

이

$("#songList > #"+songNr+" > span#playStopSpan").removeClass().addClass("glyphicon glyphicon-pause"); 

songNr가 NG 클릭에서 ($ 지수)의 값입니다.

Answer 1

이것은 당신이 NG-클래스를 사용하여 어떻게 할 것입니다 : 재생이 있지 않다면 비록 데모 연주에

<span class="glyphicon" ng-class="{ 'glyphicon-pause': el.paused, 'glyphicon-play': !el.paused}"> 

    $scope.tracksList = [ 
     {paused: true, title: 'First song', playback_count: 0} 
    ]; 

    $scope.togglePause = function (track) { 
    track.paused = !track.paused; 
    } 

이 교차한다.

http://plnkr.co/edit/UNcnBUP7eGewI7YRAOHU?p=preview