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> 

我需要刪除。體，僅在部分中的一個.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(); 

中的第一個，例如