Javascript 如何查找嵌套在元素中的下一个select下拉列表？

我试图找到嵌套在另一个div中的下一个select下拉列表

我尝试了几种不同的方法，但由于某些原因，我的代码总是返回未定义的

这样做的原因是，如果在第一个选择下拉列表中选择了某些值，则会更改下一个下拉列表的值

这是我的代码：

$（文档）.on（'change'，'from select'，函数（e）{
console.log（$（this.closest（'div.to'）.next（'.smallSelect'）.val（））；
});

挑选
关闭
上午12时
上午12时30分
挑选
关闭
上午12时
上午12时30分
您的更改处理程序正在绑定到select元素，因此您需要将DOM从
div向上移动到
，然后从
div向上移动到
，再向下移动到
div的下一个同级，然后通过以下方式进行选择：

$(this).parent().next().find('.smallSelect').val()


$（文档）.on（'change'，'from select'，函数（e）{
console.log（$（this.parent（）.next（）.find（'.smallSelect'）.val（））；
});

挑选
关闭
上午12时
上午12时30分
挑选
关闭
上午12时
上午12时30分
您的更改处理程序正在绑定到select元素，因此您需要将DOM从
div向上移动到
，然后从
div向上移动到
，再向下移动到
div的下一个同级，然后通过以下方式进行选择：

$(this).parent().next().find('.smallSelect').val()


$（文档）.on（'change'，'from select'，函数（e）{
console.log（$（this.parent（）.next（）.find（'.smallSelect'）.val（））；
});

挑选
关闭
上午12时
上午12时30分
挑选
关闭
上午12时
上午12时30分
.closest（）
向上遍历。因为您的
select
不是
.to
的后代，
.closest（）
将找不到它。相反，找到第一个公共父项（
“hours”
），然后在其中查找select:
$（this）.closest（“div.hours”）。例如，查找（.to select”）
。旁注：为了简洁起见，我减少了示例中的
的数量。@tyerroper，做到了，谢谢。
.closest（）
向上遍历。因为您的
select
不是
.to
的后代，
.closest（）
将找不到它。相反，找到第一个公共父项（
“hours”
），然后在其中查找select:
$（this）.closest（“div.hours”）。例如，查找（.to select”）
。旁注：为了简洁起见，我减少了示例中的
数量。@tyerroper，做到了，谢谢。