通過ng-click事件的標記找到第一個父親

Question

如何使用$ event僅使用jqLit​​e查找父代tr元素？

這裏是Click事件處理程序/問題的例子：

<td ng-click="showDataClick($event)"><i></i></td> 

這裏是我的模板：

<tbody> 
    <tr ng-repeat="record in filteredData = (state.filteredRecords | orderBy : state.sort.column : state.sort.descending | pagination : state.settings.currentPage : state.settings.recordsPerPage)" class="table-row" audit-row record="record"> 
    </tr> 
    <tr ng-if="filteredData.length === 0" class="table-row"> 
     <td colspan="5" class="text-center">No records found</td> 
    </tr> 
</tbody> 

Answer 1

這裏閱讀你的整個問題後，後插入的行的工作演示單擊的行jsfiddle

HTML

<div ng-controller="MyCtrl"> 
    <table> 
    <tr> 
     <td ng-click="showDataClick($event)"><i>Nested Element</i> no nesting element  </td> 
     <td ng-click="showDataClick($event)"> 
      Multiple td's 
     </td> 
     <td ng-click="showDataClick($event)"> 
      <div> 
       <div> 
        nested in multiple elements 
       </div> 
      </div> 
     </td>    
    </tr> 
    <tr> 
     <td ng-click="showDataClick($event)"><i>row 1</i> 
     </td> 
    </tr> 
    <tr> 
     <td ng-click="showDataClick($event)"><i>row 2</i> 
     </td> 
    </tr> 
</table> 
</div> 

個

JS

var myApp = angular.module('myApp',[]); 

function MyCtrl($scope) { 
    $scope.name = 'Superhero'; 
    $scope.showDataClick = function (e) { 
     var newRow = document.createElement('tr'); 
     newRow.innerHTML = '<td>Hey There I am new</td>'; 
     var sibling = e.currentTarget.parentNode; 
     var next = sibling.nextSibling; 
     var parent = sibling.parentElement; 
     parent.insertBefore(newRow, next); 
    } 
}