2012-06-08 41 views
1

我有3頁。每個具有以下結構,但具有獨特的類:「模塊a」或「模塊b」或「模塊c」。jquery刪除特定類別上面的項目

如何刪除使用JQuery 。體.subtitle只有當類是 「模塊B」 下面。

第1頁:

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

第2頁:

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

第3頁:

<section class="main"> 
    <h1 class="subtitle" /> 
    <div class="body" /> 
    <div class="module c" /> 
</section> 
+1

它應該是class'module_b'或類似div的類'module'和'b'(2個類)。 –

+0

你只想刪除字幕和正文?或模塊B呢? –

回答

0
$('.module.b').parent('.main').find('.subtitle, .body').remove(); 

我應該這樣做!

希望幫助:)

1

嘗試像下面,

$('.module.b').siblings('.body, .subtitle').remove(); 

$('.module.b').parent().find('.body, .subtitle').remove(); 

注意以上.module.b指具有類的元素都moduleb(2類)。

如果module b你的意思是1類規則,那麼它應該像module_b在這種情況下,應該在.module.b以上代替module_b

3

像這樣?

$('.module.b') 
    .prevAll('.body,.subtitle') 
    .remove() 
+0

+1'prevAll'絕對比所有兄弟姐妹都要好。 –