2016-09-23 112 views
-1

我有以下代碼:獲取AngularJs中的特定元素

angular.element('div');

它返回頁面上所有div元素的對象。如何獲得該對象中特定div.one的索引?我試過indexOf(),但它不適用於對象。

https://jsfiddle.net/quodm9mx/

+1

在這裏回答http://stackoverflow.com/questions/23609171/how-to-get-element-by-classname-or-id –

回答

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>

+0

謝謝,多數民衆贊成正是我需要:) – gespinha

+0

感謝您的投票,你能理由? –

-1

正如我正在讀在Chrome中,你不能使用選擇與jqLit​​e:

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。

+0

謝謝你-1 ... – matiaslauriti