jquery - 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/

Answer 2

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

因此，上面的代码意味着您将从第一部分中删除，如果您想从第二个更改中eq(0)删除eq(1).
在职的

Answer 3

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

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