javascript - JQuery:不定位元素

Question

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

有什么想法吗？

Answer 1

您缺少。

var thetab = $('#productnav .container ul .' + bodyClass);
//----------------------------------------^
$(thetab).addClass("active");