我在html中有以下代码。当我们单击其他li并向单击它的li添加活动类时,我只想删除活动类。
<ul class="pagination" id="paginationUL">
<li class="active"><a href="#">1</a></li>
<li onclick="javascript:selectThis()"><a href="#">2</a></li>
我试图先删除该类,但它不起作用。请提出建议。
function selectThis() {
$('ul[class="pagination"] li[class="active"]').removeClass("active"));
}
编辑了脚本,它正在工作。
您可以编写一行以绑定到li
该菜单中的所有元素。在$(this)
选择反作用,点击而使用元素.siblings()
上的所有其他儿童的行为li
元素。
$('#paginationUL > li').click(function(){
$(this).addClass('active').siblings().removeClass('active')
})
.active { background: orange; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="pagination" id="paginationUL">
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句