Javascript jQuery'；：tabbable'；带.children（）的选择器

我正试图编写几个事件来响应“document”上的按键，以便始终在模式窗口中处理正确的制表功能，也就是始终在模式窗口中保持制表符焦点

我有一个工作的JSFIDLE，但这假设所有的tabbable元素都是模态容器的直接子元素

var $modalTabElements = $(modalID +">:tabbable");

这里是相同的演示，只是现在模式中的输入嵌套在另一个div中 这里唯一的区别是选择器

var $modalTabElements = $(modalID).children(":tabbable");

“：tabbable”选择器是否不能与.children（）方法一起使用，或者我在这里缺少了其他内容？

仅返回直接子级。您要删除所有可选项卡式子体：

var $modalTabElements = $(modalID).find(":tabbable");