jquery - 选择特定类型的 div 的子子级

Question

我想选择“div”的所有“input”子级-“mainDiv”的子级。我用“div input:first-child”进行了尝试，如下所示，我在 http://api.jquery.com/first-child-selector/ 上找到了它。但这不起作用。如果我只使用“div”作为过滤器，它就可以正常工作。那么我的错误是什么？或者如何以简单的方式到达所有“输入” child ？

        var data = ['name1', 'name2'];
        var mainDiv = $('<div>');
        for (var i = 0; i < data.length; i++)
        {
            var div = $('<div>').appendTo(mainDiv);
            $('<input type="checkbox">').appendTo(div);
            div.append(' ' + data[i]);
        }
        mainDiv.children('div input:first-child').each(
            function()
            {
                var child = $(this);
                alert('xx');
            });

Answer 1

假设我正确理解了您的问题，您正在尝试获取作为 div 子级的所有 input 元素:

mainDiv.find("div > input");

如果您想要所有后代 input 元素，而不仅仅是直接子元素:

mainDiv.find("div input");

请注意，您需要使用find，而不是children。 children 方法仅查看直接子级，如果它们与选择器匹配，则返回它们。选择器 div input 将不匹配任何直接子级(唯一的直接子级是 div)，因此不会返回任何元素。