jquery - 如何隐藏除所需div之外的其他div？

Question

我有一个如下所示的 HTML

<div class="inner-accordion">
   <div id="activeui4" class="activateUiHTML" data-role="collapsible">
      <div style="display: block;" class="Topping-details" id="4">
         <section id="topping_tsection_4">
         </section>
      </div>
   </div>
   <div id="activeui5" class="activateUiHTML" data-role="collapsible">
      <div style="display: block;" class="Topping-details" id="5">
         <section id="topping_tsection_5">
         </section>
      </div>
   </div>
   <div id="activeui6" class="activateUiHTML" data-role="collapsible">
      <div style="display: block;" class="Topping-details" id="6"></div>
   </div>
</div>

单击按钮后，我将调用一个函数，并将 id 传递给该函数。

function showToppers(id)
{
var id  =4 ;
$('#activeui'+id+'.activateUiHTML').find(".Topping-details").toggle();
}

我的要求是如何隐藏/阻止除本例中 id 4 之外的所有其他类 Topping-details ??

Answer 1

试试这个:使用 .not() 过滤带有 id=4 的topping-details

$('.Topping-details').not('#4').hide();