如何在div中设置class ="active"

1255人浏览 / 0人评论 / 添加收藏

示例代码如下:

据我了解,您需要能够在每个部分中选择单个选项.active在css中只使用一个类并更改样式:

HTML:

<div class="box">
        <div id="banks">
            <ul>
                <li class="active">Bank1</li>
                <li>Bank2</li>
            </ul>
        </div>
        <div id="buttons">
            <ul>
                <li class="active">USD</li>
                <li>EURO</li>
            </ul>        
        </div>
</div>

JS:

$(document).ready(function(){
    $('.box li').click(function() {
        $(this).siblings('li').removeClass('active');
        $(this).addClass('active');
    });
});

CSS:

.box li { cursor:pointer; }
#banks .active { color:red; }
#buttons .active { color:blue; }

全部评论