jQuery＆＃39;：tabbable＆＃39;选择器与.children（）

Question

我正在尝试编写一些响应“文档”上的按键的事件，以便始终在模态窗口中处理正确的标签功能，也就是始终将标签焦点保持在模态内。

我有一个有效的jsFiddle，但这假设所有tabbable元素都是使用

的模态容器的直接子元素

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

http://jsfiddle.net/qodyp3jn/12/

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

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

http://jsfiddle.net/qodyp3jn/13/

'：tabbable'选择器不能与.children（）方法一起使用，还是我在这里缺少其他东西？

Answer 1

.children()仅返回直接子女。您想要.find()所有可表示的后代：

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

Updated fiddle