当使用AngularJS点击元素时,获得元素兄弟姐妹的惯用方式是什么?
到目前为止我已经得到了
<div ng-controller="FooCtrl"> <div ng-click="clicked()">One</div> <div ng-click="clicked()">Two</div> <div ng-click="clicked()">Three</div> </div> <script> function FooCtrl($scope){ $scope.clicked = function() { console.log("Clicked",this,arguments); }; } </script>
这里是一个jQuery实现作为一个具体的例子:
<div id="foo"> <div>One</div> <div>two</div> <div>three</div> </div> <script> $(function(){ $('#foo div').on('click',function(){ $(this).siblings('div').removeClass('clicked'); $(this).addClass('clicked'); }); }); </script>
使用指令,因为您想要遍历DOM:
原文链接:https://www.f2er.com/angularjs/144292.htmlapp.directive('sibs',function() { return { link: function(scope,element,attrs) { element.bind('click',function() { element.parent().children().removeClass('clicked'); element.addClass('clicked'); }) },} });
<div sibs>One</div> <div sibs>Two</div> <div sibs>Three</div>
请注意,jQuery不是必需的。