检查类是否具有数组中的元素？并隐藏那些没有被按下的

Question

嗨，我正在努力做正确的事情。

首先，我有 12 个带有 id 的菜单项。当页面加载时，我想检查某个类中是否存在一个或多个 id 值。

比我喜欢隐藏所有菜单名称（视觉上），女巫在课堂上没有被按下。

到目前为止的代码： 它没有正确运行循环...或者我没有以正确的方式创建数组

var test = $('.prov-nav').text().toLowerCase();
var cols = $.makeArray(test);
//alert(cols);

for ( var i = 0; i < cols.length; i++ )
{
if ( $('div[class^="cn-list-row"]').hasClass( cols[i] ) )
{
 // .hide menu names (visually) witch are not pressed in the class
break;  
}
else
{
alert('o no');
}

html 菜单： 当然，类中未按下的名称('div[class^="cn-list-row" ]') 应该在视觉上隐藏。 .从菜单中隐藏。 （不仅是 id，还有菜单链接本身）

<ul class="prov-nav">
<li><a href="#">Drenthe</a></li> 
<li><a href="#">Flevoland</a></li> 
<li><a href="#">Friesland</a></li> 
<li><a href="#">Gelderland</a></li> 
<li><a href="#">Limburg</a></li> 
<li><a href="#">Noord-Brabant</a></li> 
<li><a href="#">Noord-Holland</a></li> 
<li><a href="#">Overijssel</a></li> 
<li><a href="#">Utrecht</a></li> 
<li><a href="#">Zeeland</a></li> 
<li><a href="#">Zuid-Holland</a></li><br/>
<ul><!-- end of prov-nav -->

DIV 类是（动态）从 wp 插件连接中加载的。最后，我用动画替换隐藏，使它们淡入低不透明度。这样您就可以清楚地看到之前选择的选项。

该类可以包含不同的类别。这些奇怪的名字是州名，但来自荷兰。

<div class="cn-list-row-alternate vcard cag_custom_st drenthe particulier sporttherapie"></div>

Answer 1

使用 ID 是一个非常糟糕的主意。

<ul>
    <li class="nav-li">Drenthe</li>
    <li class="nav-li">Flevoland</li>
    <li class="nav-li">Friesland</li>
    <li class="nav-li">Gelderland</li>
</ul>

$('.nav-li').click(function (){
   $(this).show().siblings().hide();
});

类是将相似对象分组在一起的一种方式，因此您不必为每个项目使用 ID :)