jquery - 为什么选择器的子元素在 jquery 中不起作用？

Question

我正在尝试更改具有 jquery 子级 的 li 的背景颜色，但它不起作用。以下是我测试它的网址:http://jsfiddle.net/kFUqK/1/

我更改了代码

$('ul.level-2').children().css('background-color', 'red');
$('ul.level-2').children('.level-33').css('background-color', 'blue');

至

//$('ul.level-2').children().css('background-color', 'red');
$('ul.level-2').children('.level-33').css('background-color', 'blue');

然后我发现li.level-33并没有随着背景改变。

这有什么原因吗？

Answer 1

来自 jQuery 文档:

The .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

所以你想要查找。