jquery - 获取委托(delegate)事件绑定(bind)到的根元素 - jQuery

Question

采用以下代码:

    // Bind the click event to the thumbnails.
    $("ul.hpList").on("click", "a.hpThumb", function (event) {

        event.preventDefault();

        var $this = $(this),

        // Surely there has to be a smarter way to do this.
            $hpList = $this.parents("ul.hpList");

        changeItem($this, $hpList);

    });

如何更好地识别事件绑定(bind)到的根祖先元素。我在 DOM 中搜索这个内容感觉很糟糕。

Answer 1

自 jQuery 1.7 起，delegateTarget属性包含在作为第一个参数提供给您的事件对象中，该参数 ( according to the docs ) 为您提供:

The element where the currently-called jQuery event handler was attached.

所以请尝试以下操作；

$("ul.hpList").on("click", "a.hpThumb", function (event) {
    event.preventDefault();

    var $this = $(this),
    var $hpList = $(event.delegateTarget);

    changeItem($this, $hpList);
});