在点击时从li移除类别属性

纳拉亚纳·瓦卡拉格达(Narayan Vakkalagadda)

我在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

移除添加了“已选择”类别的项目的点击事件

来自分类Dev

移除点击事件问题

来自分类Dev

确定点击时<li>标记的子代

来自分类Dev

Angular:点击时获得 a 或 li 值

来自分类Dev

从OL移除LI元素

来自分类Dev

将属性移除到对象道具时不会触发 componentWillReceiveProps

来自分类Dev

在每次点击和添加类别时检查位置

来自分类Dev

此时,元素li上不允许使用属性类别

来自分类Dev

使用CreateJS移除点击形状

来自分类Dev

首次点击时,点击不会获得“ this”的道具数据属性

来自分类Dev

在点击时查找和删除样式属性

来自分类Dev

在点击时显示子div属性

来自分类Dev

Jquery 在点击 Bootstrap 下拉菜单时触发特定的 li

来自分类Dev

矩形-从元素移除属性

来自分类Dev

通过Angular从UL移除LI

来自分类Dev

点击返回xAxis类别

来自分类Dev

JavaScript类别变更点击

来自分类Dev

点击返回xAxis类别

来自分类Dev

点击过滤 img 类别

来自分类Dev

移除3级以上的href类别

来自分类Dev

课堂上点击不移除

来自分类Dev

移除可点击 HTML 元素上的框架

来自分类Dev

检查主线程时,UILabel类别块属性崩溃

来自分类Dev

根据当前类别更改点击类别

来自分类Dev

使用jQuery或其他可能的方法在点击时显示更多子类别

来自分类Dev

当存在多个具有相同类别的标签时,计算锚标签的点击次数

来自分类Dev

PHP DOMDocument移除标签属性

来自分类Dev

设置特定属性时,防止组件发出点击事件

来自分类Dev

如何在每次点击时逐步增加CSS属性的值?