无法在动态html中访问嵌套选择

Question

我正在尝试访问daterangepicker中的左侧.hourselect。但我不能让它因某些奇怪的原因而起作用。这是html的样子：

我正在尝试从.calendar.left div。

访问.hourselect类

有一个日历权限，里面有相同的元素，这就是为什么我需要使用.calendar.left来获取我想要的.hourselect元素。

以下是我尝试过的代码无效：

$(document).on('change', 'div.calendar.left > div.daterangepicker_input > div.calendar-time > div > select.hourselect', function() {
    alert(this.value);
    console.log(this);
});

是否有人遇到此问题或知道解决此问题的方法？我不想编辑实际的库，所以我试图捕获值，以便我可以使用javascript来做我想要的。

感谢您提前提供任何帮助：）