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>

セクションの 1 つのみで .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)したがって、上記のコードは、への2番目の変更から削除する場合は、最初のセクションから削除することを意味しますeq(1)。
働く

Answer 3

2 番目のパラメーターを介してコンテキストを提供します。この場合、コンテキストは最初の.main要素になります。

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