jquery中如何选择变量中的元素

Question

假设以下代码

<div class="hello"> 
  <h2>I'm a header</h2>
</div>

<script>
foo = $('.hello');
</script>

如何从 foo 中选择 h2 标签并替换其内容？

我基本上是在寻找 $('.hello > h2).html('New header') 的等效项，但在变量上。

Answer 1

您是否在寻找：

foo = $('.hello');
foo.find('> h2').html('New Header');

Answer 2

var foo = $(".hello > h2")

jquery API

Answer 3

我想你可以做如下的事情

foo = $(".hello h2");

Answer 4

要获取 jQuery 对象的子对象，可以使用children()：

var foo = $('.hello');
foo.children('h2').html('New header');