jQuery设置子CSS属性问题

Question

我有一个名为“bob”的 div 的子元素，它的类是“.divTitle”

<div id="bob">
   <div class="divTitle">
      <a href="#">
         <h1>Title</h1>
      </a>
   </div>
</div>

我正在尝试将“divTitle”的背景颜色设置为红色，但我这辈子都做不到。现在我正在尝试两件事......

$('#bob').children('.divTitle')[0].css('background-color', '#0f0'); // assuming children is returning an array...

和

$('#bob').children('.divTitle').css('background-color', '#0f0');

都没有成功...谁能告诉我我在这里缺少什么？我必须比“.children”更深入吗？

编辑

不幸的是，我猜这个问题的重要部分被忽略了。我正在动态生成这个 div，并且引用该类只是空的。因此，我没有按类类型引用动态生成的内部 div，而是给了它一个唯一的 id，现在可以按我的意愿操作它了……我仍然给 Keltex 打上复选标记，以指出更好的直接引用方法。

Answer 1

为什么不只是:

$('#bob .divTitle').css('background-color', '#0f0');