angularjs - get original element from ng-click -

i have list of items in view ng-click attached them:

<ul id="team-filters">     <li ng-click="foo($event, team)" ng-repeat="team in teams">          <img src="{{team.logosmall}}" alt="{{team.name}}" title="{{team.name}}">     </li> </ul> 

i'm handling click events in foo function in directive, passing $event reference object that's been clicked, i'm getting reference img tag, rather li tag. have stuff li:

$scope.foo = function($event, team) {    var el = (function(){        if ($event.target.nodename === 'img') {           return angular.element($event.target).parent(); // li        } else {           return angular.element($event.target);          // li        }    })(); 

is there simple way reference element ng-click bound to, without doing dom operations in directive?

you need $event.currenttarget instead of $event.target.