如何访问父元素并使用 angularJs 将其删除？答案

【问题标题】：How to access parent element and remove it with angularJs?如何访问父元素并使用 angularJs 将其删除？
【发布时间】：2016-01-31 18:18:29
【问题描述】：

我想从 ng-click 事件的目标元素访问父元素并将其删除。

我查看了一些页面和 angular 文档，发现了类似下面的内容，但这对我不起作用。

我的模板：

<div class="element-which-i-want-access">
   <span>
      <button ng-click="remove(myModelObjectInCurrentScope, $event)" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
   </span>
</div>

我的控制器：

$scope.remove = function(object, $event) {
   var el = $event.target; // this meaning as clicked <button> element 
   var myTargetElement = el.parent().parent(); // this not working
   myTargetElement.remove(); // i couldn't tried this step but i couldn't got parent element yet
}

我该怎么做？提前致谢。

【问题讨论】：

标签： javascript angularjs dom

【解决方案1】：

$event.target 将给出 DOM 元素。要在其上使用parent()，需要将其包装如下

angular.element(el).parent().parent();

【讨论】：

【解决方案2】：

接受的答案对我不起作用。但这段代码做到了：

var elem= angular.element($event.currentTarget);
var parent = elem.parent().parent();
parent.remove();

【讨论】：