JQuery 删除子元素

Question

我有这个结构

<section class="main">
   <div class="first" />
   <h1 class="subtitle" />
   <div class="body" />
   <div class="module" />
</section>
<section class="main">
   <div class="first" />
   <h1 class="subtitle" />
   <div class="body" />
   <div class="module" />
</section>

我只需要删除其中一个部分中的 .body 和 .subtitle。

如何使用 jquery 做到这一点？

谢谢

Answer 1

尝试使用.eq选择正确的主要部分并执行.find。见下文，

$('.main').eq(0)  //use 1 if you want to remove from second section
          .find('.body, .subtitle').remove();

演示: http://jsfiddle.net/dtFsb/