javascript - 如何在选择器上的 jquery 中访问父级

Question

我有以下 jQuery 代码：

$('#temp_modals').on('mouseleave','*[data-username]',function() {
    ///my logic
});

但是我需要在的父 div 上有mouseleave 事件*[data-username]。

由于这个元素是动态添加到网页中的，所以我不能使用普通的选择器，需要使用 $.on。

简而言之，我想实现这样的代码运行。

$('#temp_modals').on('mouseleave','*[data-username]'.parent(),function() {
    ///my logic
});

我怎样才能做到这一点？

Answer 1

尝试

$('#temp_modals').on('mouseleave','*:has(> [data-username])',function(event) {
    ///my logic
    // this should get you the parent.
    $(event.target).parent();
});

演示：小提琴

Answer 2

根据规范，这应该可以

http://api.jquery.com/parent-selector/

$('#temp_modals').on('mouseleave','*[data-username]:parent',function() {
    ///my logic
});

编辑：确实这行不通，感谢您指出， :parent 没有做我所期望的。这将起作用：

$('#temp_modals').on('mouseleave',$('*[data-username]').parent(),function() {
    console.log(this)
});