在jQuery中使用子元素

Question

我有以下HTML：

<div class="outer">
    <div class="inner"></div>
    <div class="inner"></div>
</div>

为什么这样做？：

$(".inner").css("height", 10);

这不是：

$(".outer").children().css("height", 10);

更新：

为了清楚起见，上述工作正常进行。见下面的答案。

Answer 1

What you have works，或者更确切地说，发布的作品。

我最好的猜测是，在您的实际标记中，.inner <div>元素不是直接（直接）.outer的子项，而是包含在别的什么。

在您发布的内容$(".inner")和$(".outer").children()中提供完全相同的元素集，并且.css()对集合中的所有元素进行操作...因此，无论如何结果应该相同

Answer 2

这两者是等价的，实际上是it works。