angularjs – 获得元素兄弟姐妹的* Angular *方式是什么?
发布时间:2020-12-17 08:09:10 所属栏目:安全 来源:网络整理
导读:当使用AngularJS点击元素时,获得元素兄弟姐妹的惯用方式是什么? 到目前为止我已经得到了 div ng-controller="FooCtrl" div ng-click="clicked()"One/div div ng-click="clicked()"Two/div div ng-click="clicked()"Three/div/divscript function FooCtrl($
当使用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:
app.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不是必需的。 fiddle (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读