заменить класс span на id внутри 'a' на id внутри div по id

Question

Я пытаюсь заменить класс элемента «span» внутри элемента «a» внутри элемента «div».

У меня есть этот DIV:

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

И я хочу, чтобы заменить класс в элементе диапазона с идентификатором playStopSpan.

Мой документ дерево, как я понимаю: Div ->в ->интервал для каждого элемента в tracksList.

Я пробовал несколько подходов, но еще не прибил его. До сих пор у меня есть это:

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

songNr это значение ($ индекса) в нг щелчку.

Answer 1

Это, как вы могли бы сделать это с помощью нг-класс:

<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; 
    } 

В демо-Playing пересечена, хотя, если он не играет.

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