javascript - 获取图标的父 div ID onclick

Question

单击 fa-eye 图标时，我只想聚焦/突出显示该 div。

HTML:

<i style="float: right; margin: 8px; cursor: pointer;" class="fa fa-eye" ng-click="focus()"></i>

JS:

$scope.focus = function($element) {
        $('#focus-overlay').toggleClass("focus-overlay");
        $('#last').toggleClass("widget-focus-enabled");
      };

代替 id="last" 我必须在单击图标时找到 id 然后需要添加类..

我试过:$($event.target).parent() 但无法得到结果。

演示:http://plnkr.co/edit/HvTRdjNVdmHjnyG41O4F?p=preview

请帮忙。

Answer 1

您可以使用this 获取当前对象，

ng-click="focus(this)"

然后在函数中，

$scope.focus = function($element) {
        var parent= $($element).closest("div");
        $('#focus-overlay').toggleClass("focus-overlay");
        $('#last').toggleClass("widget-focus-enabled");
      };

.closest("div") 将获取父 div。 closest() 优于 parent() 的优点是它可以遍历多个级别。