获取 AngularJs 中的特定元素

Question

我有以下代码：

angular.element('div');

其中 returns 页面上所有 div 元素的对象。如何获取此对象中特定 div.one 的索引？

我试过 indexOf()，但它对对象不起作用。

Answer 1

你可以试试

angular.element(document.querySelector('.one'));

var myApp = angular.module('myApp',[]);

myApp.controller('GreetingController', ['$scope', function($scope) {
     console.log($(angular.element(document.querySelector('.one'))).index());                      
      
       console.log(angular.element(document.querySelector('.one')));
}]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="GreetingController">
    <div></div>
    <div></div>
    <div></div>
    <div class="one"></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

Answer 2

正如我在 Chrome 中看到的那样，您不能在 jqLite 中使用选择器：

Uncaught Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element

但是如果你读到 link，它会告诉你如果 jQuery 可用（你在你的页面中包含 jQuery），angular.element 成为jQuery 选择器 ($) 的别名。所以包括 jQuery.

获取 AngularJs 中的特定元素

Get a specific element in AngularJs

javascript

jquery

document

element

angularjs