使用jQuery我想要的目标具有相同的元素class
的body
。这是我到目前为止的内容:
var bodyClass = $('body').attr("class");
if($('#productnav .container ul li').hasClass(bodyClass)) {
alert(bodyClass);
var thetab = $('#productnav .container ul' + bodyClass);
$(thetab).addClass("active");
}
警报被触发,因此显然有一个li
具有相同类别的警报。问题是我似乎无法针对具体目标li
。
的HTML
<div id="productnav">
<div class="container">
<ul>
<li class="accelerators" data-slide="0"><a class="active" href="/product-types/accelerators">
<span style="font-size: 11px;">Accelerators</span>
</a></li>
<li class="redispersible-powder-polymers" data-slide="1"><a href="/product-types/redispersible-powder-polymers">
<span style="font-size: 11px;">Redispersible Powder Polymers</span>
</a></li>
<li class="superplasticisers" data-slide="2"><a href="/product-types/superplasticisers">
<span style="font-size: 11px;">Super- plasticisers</span>
</a></li>
<li class="lightweight-fillers" data-slide="3"><a href="/product-types/lightweight-fillers">
<span style="font-size: 11px;">Lightwight Fillers</span>
</a></li>
<li class="cellulose-ethers" data-slide="4"><a href="/product-types/cellulose-ethers">
<span style="font-size: 11px;">Cellulose Ethers</span>
</a></li>
<li class="fibres" data-slide="5"><a href="/product-types/fibres">
<span style="font-size: 11px;">Fibres</span>
</a></li>
<li class="retarders" data-slide="6"><a href="/product-types/retarders">
<span style="font-size: 11px;">Retarders</span>
</a></li>
<li class="power-air-entrainers" data-slide="7"><a href="/product-types/power-air-entrainers">
<span style="font-size: 11px;">Power Air Entrainers</span>
</a></li>
<li class="poraver-x" data-slide="8"><a href="/product-types/poraver-x">
<span style="font-size: 11px;">Poraver X</span>
</a></li>
</ul>
</div>
</div>
有任何想法吗?
你想念一个 .
var thetab = $('#productnav .container ul .' + bodyClass);
//----------------------------------------^
$(thetab).addClass("active");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句