查找在 div 标签中单击的子 div id

Question

我有类似 html 的代码

<div id="edit" ng-click="editFunction($event)">
  <span id="1">
    click1
  </span>
  <span id="2">
    click2
  </span>
  <span id="3">
    click3
  </span>
  <span id="4">
    click4
  </span>
  ....
</div>

在 controller.js 中

myDIV.controller('control',function($scope){
 $scope.editFunction($event){
   alert($event.target.id);
}

});

当用户点击 div 标签时，他应该点击任何 span 标签。使用代码我们可以获得 div id。 但实际上我需要知道点击了哪个跨度。表示 id="1" 或 2 或 3 ... 谢谢。

Answer 1

您可以使用 clickevent，这可能有效：

    <div id="edit" ng-click="editFunction($event)">
  <span id="1" class="click">
    click1
  </span>
  <span id="2" class="click">
    click2
  </span>
  <span id="3" class="click">
    click3
  </span>
  <span id="4" class="click">
    click4
  </span>
  ....
</div>

    $('.click').on('click', function(event) {
    alert($(event.target).attr('id'));
    });