jquery - 使用AngularJS双击获取li的子div id

Question

我在当前项目中使用 Angular JS。我需要在双击 li 标签时获取嵌套在 li 标签中的 div 标签的 id。看下面的代码。

我尝试了 child 逻辑，但它不起作用。

        var mainMod = angular.module('chartApp', []);
        mainMod.controller('chartAppController', ['$scope', function ($scope) {
            var flag = 1;
            $scope.doubleClick = function (event) {
                var chId = $(this).children('div.panel.panel-primary').children('div.panel-body.chartBody').children('div').attr('id');
                alert(chId);
            }
             }
        }])

下面是代码结构。

<div class="container-fluid" data-ng-app="chartApp" data-ng-controller="chartAppController">
            <ul id="dashboard">
                @foreach (var chart in chartCollection)
                {
                    <li ng-dblclick="doubleClick($event)">
                        <div class="panel panel-primary">
                            <div class="panel-heading chartTileHeader">
                                <span class="chartTitle">@chart.Title</span>
                                <div class="chartIcon">
                                    <i class="fa fa-folder-open"></i>
                                </div>
                            </div>
                            <div class="panel-body chartBody">
                                <div id=@chart.Id>
                                .....
                                </div>  
                            </div>
                        </div>
                    </li>
                }
            </ul>
        </div>

Answer 1

我试过这个:

event.target 正在为 < li > 标签中的特定元素工作。

 var chId = $(event.target).find('div.panel-body.chartBody > div').attr('id')

但是如果你想在双击时获得

标签的子层次结构，那么你应该使用 event.currentTarget

var mainMod = angular.module('chartApp', []);
    mainMod.controller('chartAppController', ['$scope', function ($scope) {
        var flag = 1;
        $scope.doubleClick = function (event) {
            var chId = $(event.currentTarget).find('div.panel-body.chartBody > div').attr('id');
            alert(chId);
        }
         }
    }])