查找在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 =＆＃34; 1＆＃34;或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'));
    });