Jquery删除特定类上面的项目

Question

我有3页。每个都有下面的结构，但有一个独特的类：“模块a ”或“模块b ”或“模块c ”。< / p>

只有在下面的课程为“模块b ”时，如何使用JQuery .body 和 .subtitle 删除。

第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>

Answer 1

这样的东西？

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

Answer 2

尝试如下，

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

或

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

上面注意.module.b表示包含module和b类的元素（2个类）。

如果module b您的意思是1类规则，那么它应该像module_b那样将.module.b替换为module_b。

Answer 3

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

这应该是我认为的伎俩！

希望有所帮助：）