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

DEMO： http://jsfiddle.net/dtFsb/

Answer 2

$('.body, .subtitle', '.main:eq(0)').remove();

因此，如果您要从第二次更改eq(0)移至eq(1)，则上述代码意味着您将从第一部分中删除。 Working

Answer 3

通过第二个参数提供上下文。在这种情况下，我们的上下文将是第一个.main元素：

$(".body, .subtitle", ".main:first").remove();