$（本）提交TD内部返回undefined

Question

我有一个细胞的表：

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

当函数DeleteRow被调用时，elementToDelete未定义：

为什么jQuery（这个）不返回<i>元素？

Answer 1

通$event在NG-点击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

我觉得你NG-重复绑定这个TD所以在这一点，你只要将相同的对象在NG-点击：假设：

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

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


    </div> 
</div> 

然后您可以轻松访问您当前的事件

个

Answer 3

通$event在功能

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

使用$event.currentTarget选择当前选中的元素

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

JS Fiddle