Angularjs指令: accessing sibling elements in link function

Question

我在谷歌上搜索了很多，以找到一个对我来说似乎很重要的问题的答案，但令人惊讶的是没有成功。官方文档也没有给我答案。所以简单的问题是:如何访问指令的链接函数内的同级元素？

我有一个带有 ng-repeat 的 View 。我的指令绑定(bind)对每个 ng-repeat 元素的点击:

link: function (scope, element) {
    element.bind('click', function () {
        // how to access element.siblings here ?
...

谢谢。

Answer 1

如果您正在使用 jQuery，则可以使用 .siblings()功能。如果您只有 angular.element ，您可以使用 .next() 函数访问后续同级。

但是，由于您使用的是 angularjs，我建议依赖该模型进行此类交互，而不是以“jQuery”方式访问 DOM 元素。如果您提供有关您想要做什么的更多详细信息，有人可能会建议一种更好的方法(从设计 Angular )来实现您的目标。