javascript - 如何使用Jquery的:not selector on a ul

Question

我有一个与此类似的 ul 列表:

<ul>
 <li class="category">Category 1
    <ul>
       <li class="product alpha_a">A Product</li>
       <li class="product alpha_b">B product</li> 
    </ul> 
  </li>
 <li class="category">Category 2
    <ul>
       <li class="product alpha_a">Another Product</li>
       <li class="product alpha_c">c product</li> 
    </ul> 
  </li>
</ul>

我想要做的是隐藏不属于所选 alpha 类的 li 元素。我已经尝试过这个(此处简化):

$(".alpha_a").addClass("alphaselected");
$(".product li:not(.alphaselected)").hide();

但它不起作用。我也尝试过(以及其他许多尝试):

$("#sitemap li:not(.alphaselected,.category)").hide();

这似乎隐藏了一切。

有什么想法吗？

谢谢

Answer 1

试试这个:

$(".alpha_a").addClass("alphaselected");
$(".product:not(.alphaselected)").hide();

fiddle link