javascript - 在 "on"方法中使用 obj/this

Question

我的 JavaScript 看起来像

$('.adv_group').each(function(){
    var eachAdvGroup = $(this);
    $(document).on('keypress', **eachAdvGroup.find('.userinput:last')** ,function(){
         //do something
    }
})

我知道 'on' 只接受字符串，那么如何将 $(this).find('.userinput:last') 转换为字符串？

附注我想在每个 .adv_group

中获取最后一个 .userinput

Answer 1

你可以这样做:

$('.adv_group').on('keypress', '.userinput:last', function(){
    ........
});

Jquery 在内部对所有匹配的 .adv_group 进行循环。

如果您的意思是 .adv_group 不能保证始终存在，那么请将其委托(delegate)给另一个父级或文档。

$(document).on('keypress', '.adv_group .userinput:last-of-type', function(){
    ........
});

由于 adv_group 是动态生成的，以便在每个级别选择它，因此您需要使用 :last-of-type 或 :last-child 而不是 :last，这样它就会选择每个 .adv_group 的最后一个 .userInput，而不是所有 .userInput 的最后一个adv_groups 组合。

<强> Demo