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

从wp插件caled连接（动态）加载DIV类。最后，我用动画替换了hide，使它们淡化为低不透明度。所以你清楚地看到你之前选择的选项。

该课程可以包含不同的类别。奇怪的名字是州名，但后来是荷兰。

<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：）

检查类是否包含数组中的元素？并隐藏未按下的那些

1 个答案: