使用dblclick方法定位子元素

Question

我能够让这个工作：

$( "li.drag-items" ).dblclick(function(){

    alert('Hi');

});

但不是这样：

$( "ul.puzzle-grid-ul > li.drag-items" ).dblclick(function(){

    alert('Hi');

});

有办法做到这一点吗？列表项可以属于多个无序列表，这就是为什么我试图仅针对特定UL中的列表项目来定位dblclick方法。

Answer 1

你想试试这个：

$( "li.drag-items" ).dblclick(function(){
    if ( ! $(this).closest('ul.puzzle-grid-ul').length ) {
        alert('Hi');
    }

});

或者，为了尽可能具体针对您的问题，您可以使用parent代替closest