javascript - 在 Angular JS 中查找具有特定类的下一个元素

Question

我正在尝试从当前 tr 中查找下一个具有特定类的 tr 元素。如果紧邻的下一个 tr 没有该类(打开)，我想获取带有打开类的下一个 tr。如何在 Angular js 中执行此操作

模板

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

td 的一些代码格夫

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