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

Question

假设以下代码

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

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

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

我基本上是在寻找相当于$（'。hello＆gt; h2）.html（'新标题'）的变量。

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');