如何在jquery on選擇器上訪問父級

Question

我有以下jQuery代碼：

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

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

由於此元素是動態添加到網頁，我不能使用普通選擇器，需要使用$ .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
});

編輯：事實上這不會奏效，感謝你指出：父母沒有按照我的預期行事。 這將有效：

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