我有以下代碼:獲取AngularJs中的特定元素
angular.element('div');
它返回頁面上所有div
元素的對象。如何獲得該對象中特定div.one
的索引?我試過indexOf()
,但它不適用於對象。
https://jsfiddle.net/quodm9mx/
我有以下代碼:獲取AngularJs中的特定元素
angular.element('div');
它返回頁面上所有div
元素的對象。如何獲得該對象中特定div.one
的索引?我試過indexOf()
,但它不適用於對象。
https://jsfiddle.net/quodm9mx/
您可以嘗試
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>
謝謝,多數民衆贊成正是我需要:) – gespinha
感謝您的投票,你能理由? –
正如我正在讀在Chrome中,你不能使用選擇與jqLite:
Uncaught Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element
但是,如果您閱讀了該鏈接,它會告訴您,如果jQuery可用(您的頁面中包含jQuery),angular.element
將成爲jQuery選擇器($
)的別名。所以包括jQuery。
謝謝你-1 ... – matiaslauriti
在這裏回答http://stackoverflow.com/questions/23609171/how-to-get-element-by-classname-or-id –