jQuery多级选择器不起作用，但.children起作用

Question

我有这个javascript代码，它工作得很好。

var QuestionID = panel.siblings('.QuestionIDWrapper').children('input[type=hidden]').val();

但如果我将其转换为使用多级jQuery选择器，如下所示：

var QuestionID = panel.siblings('.QuestionIDWrapper input[type=hidden]').val();

我在QuestionID中没有得到任何价值。

Answer 1

看一下文档：http://api.jquery.com/siblings/您并没有提供实际的标记，但是我假设虽然.QuestionIDWrapper是一个silbings，但inputtype=hidden不是一个直接的silbings，只是一个silbings子级。(因此不匹配)

Answer 2

第二个只会选择与所提供的选择器匹配的panel的同级。由于您的输入是panel的兄弟之一的子项，因此它不在同一级别(不是兄弟项)。

Answer 3

.QuestionIDWrapper input[type=hidden] -输入元素必须是QuestionIDWrapper类元素的中间子元素才能正常工作。

您正在使用：Descendant Selector (“ancestor descendant”)

和第一个一样，你要用特定的选择器来保护孩子元素。