在角度js中找到具有特定類的下一個元素

Question

我正試圖從當前tr找到具有特定類的下一個tr元素。如果下一個tr沒有那個類（打開），我想要打開下一個tr類。如何做到這一點的角度JS

模板

<tr ng-repeat-start = "item in xx" ng-class="{'opened': item.ddd == 0 || item.ddd == undefined,'closed': item.ddd == 1}"> 

爲TD ggff一些代碼

JS

app.directive("moveNext", function() { 
return { 
    restrict: "A", 
    link: function($scope, element) { 

     element.on('td, keyup' ,function(e) { 
      var nextele = element.parents('tr').next('.opened'); 

     }); 
    } 
} 
}); 

Answer 1

最後我有一點點的時間來讓你一個fddle，期待我所有的理解你：

<div ng-controller="MyCtrl"> 
    <h2>DEMO</h2> 
    <table> 
     <tr ng-click="getAll($event.currentTarget)" ng-repeat = "item in xx" ng-class="{'opened': item.ddd == 0 || item.ddd == undefined,'closed': item.ddd == 1}"> 
     <td>{{item.name}}</td> 
     </tr> 
     </table> 
</div> 
var myModule = angular.module('myModule', []) 

    .controller('MyCtrl', ['$scope', function ($scope) { 
      $scope.getAll=function(e){ 
      var elms = angular.element(e).parent().find('tr'); 
      var elm = null; 
      for(var i =0; i<elms.length; i++){ 
      console.log(/opened/.test(angular.element(elms[i]).attr('class'))); 
      if(/opened/.test(angular.element(elms[i]).attr('class'))){ 
       elm = angular.element(elms[i]); 
       break; 
      } 
      } 
      console.log('all', angular.element(e).parent().find('tr'), 'only the nex at clicked', elm); 
     }; 
     $scope.xx =[{ 
      name: 'uno', 
      ddd:1 
     },{ 
      name:'open-1', 
      ddd:0 
     },{ 
      name:'tres', 
      ddd:1 
     },{ 
     name: 'open-2', 
     ddd:0 
     }]; 
    }]);