$ (this) innerhalb eingereicht td undefiniert ist Zurückkehren

Question

ich eine Tabelle mit einer Zelle haben:

<td> 
<i class="fa fa-trash-o trashIcon ng-scope" 
aria-hidden="true" 
ng-click="DeleteRow(jQuery(this));"></i> 
</td> 

Wenn die Funktion DeleteRow aufgerufen wird, wird elementToDelete undefined:

Warum ist jQuery (this) nicht zurück <i> Element?

Answer 1

Pass $event im ng-Klick AngularJS

<td><i class="fa fa-trash-o trashIcon ng-scope" 
aria-hidden="true" 
ng-click="DeleteRow($event);"></i> 
</td> 


$scope.DeleteRow = function(event) { 
    console.log($(event.target)); 
    jquery(event.target).remove() 
} 

Demo

Answer 2

Ich glaube, Sie dieses td binden, indem ng-repeat so während dieser Sie nur das gleiche Objekt im ng-Klick platzieren annehmen:

<div ng-repeat="set_listing in get_listing"> 
    <div class="width_hun"> 

      <p class="item_name" ng-click="DeleteRow(set_listing)"></p> 


    </div> 
</div> 

dann können Sie Ihr aktuelles Ereignis zugreifen leicht

Answer 3

Pass $event in Ihrer Funktion

<td> 
    <i class="fa fa-trash-o trashIcon ng-scope" 
    aria-hidden="true" ng-click="DeleteRow($event);">Delete 
    </i> 
</td> 

Verwendung $event.currentTarget das aktuell ausgewählte Element

$scope.DeleteRow = function($event) { 
    $event.currentTarget.remove(); 
} 

JS Fiddle