Question

我正在尝试更换＆＃34; span＆＃34; ＆＃34; a＆＃34;内的元素在＆＃34; div＆＃34;内的元素元件。

我有这个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>

我想用id playStopSpan 替换span元素中的类。

我的文档树是我理解的： trackList中每个元素的 Div - ＆gt; a - ＆gt; span 。

我尝试过几种方法，但尚未钉牢。到目前为止，我有这个：

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

songNr 是ng-click中（$ index）的值。

Answer 1

这是使用ng-class进行的方法：

<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

在＆＃39; a＆＃39;中用id替换span的类。通过id在id里面的id

1 个答案: