<ul class="nav nav-tabs margin-top" id="before_click">
<li ><a href="{:U('Home/Qrcode/add')}">创建二维码数据</a></li>
<li ><a href="{:U('Home/Reply/index')}">回复语模板</a></li>
<li ><a href="{:U('Home/Qrcodebatch/add')}">批量生产</a></li>
<li ><a href="{:U('Home/Qrcode/index')}">数据管理</a></li>
<li ><a href="{:U('Home/Exporting/index')}">导出数据</a></li>
<li ><a href="{:U('Home/Productionrecord/index')}">生产记录</a></li>
<li ><a href="{:U('Home/Product/index')}">产品管理</a></li>
</ul>

<script>
$(function(){
$("#before_click li").click(function() {
$(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
$(this).addClass('active'); // 添加当前元素的样式
/* if($(this).text() == "创建二维码数据"){
window.parent.location='{:U('Home/Qrcode/add')}';
} */
});
});
</script>

转载于:https://www.cnblogs.com/nonoleng/p/5669218.html

jquery 添加点击添加class样式 移除兄弟元素样式相关推荐

  1. jquery实现点击标题显示内容,同级其他元素内容隐藏

    最终呈现效果: jquery实现点击标题显示内容,同级其他元素内容隐藏视频 核心代码块: //点击标题元素('历史上的今天')$(document).on('click','.item',functi ...

  2. 元素的样式设置 元素类样式的操作 开关灯效果 获取兄弟元素 当前元素的兄弟元素样式

    元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...

  3. CSS修改默认列表元素样式(1.修改默认元素样式 2.伪元素选择器)

    CSS修改默认列表元素样式 1. 修改默认元素样式 <!DOCTYPE html> <html lang="en"><head><meta ...

  4. css设置兄弟元素样式-兄弟选择器

    有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟. 临近兄弟(相邻):用 + 表示,只匹配该元素后边的第一个同级元素. 普通兄弟:用 - 表示,匹配该元素后边的所有同级元素. 1.相邻兄弟元素 ...

  5. jquery/js 点击空白区域隐藏某一个层/元素

    场景:点击一个按钮弹出一个对话框/气泡,点击空白区域隐藏对话框/气泡: html: <button id="btn">按钮</button> <div ...

  6. js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

    原生javascript方法: 1 var a = document.getElementById("dom"); 2 del_space(a); //清理空格 3 var b = ...

  7. jquery获取元素(父级的兄弟元素的子元素)

    一.获取父级元素 使用jquery获取父级元素: parent() 例如:$(this).parent('ul'); 二.获取同级元素 使用jquery获取同级元素:siblings() 例如:$(t ...

  8. jQuery中添加/改变/移除改变CSS样式例子

    在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...

  9. bootstrap 黑边框表格样式_bootstrap4 使用及常用样式详细整理

    引入方式 前端项目基于jquery去构建:可以直接引入cdn库,bootstrap4.css.jquery.js.bootstrap4.js 前端项目基于react去构建:bootstrap4.css ...

最新文章

  1. 服务器端PHP多进程编程实战
  2. 从“架构师书单”讲开去
  3. 如何选择开源许可证如何修改项目使其符合某种开源许可证
  4. python 函数进度条怎么_python输出结果刷新及进度条的实现操作
  5. G1刷机问题 E:error status=7
  6. 计算机编程ebcdic码,EBCDIC 与 ASCII 编码相互转换
  7. 通过GPUImage实现40+种滤镜与实时美颜功能
  8. java 无锁并发_高并发情况下怎样尽量实现无锁编程
  9. 电信光猫/烽火HG6543c1光猫超级密码获取改桥接模式( 中国电信浙江公司定制天翼网关3.0)
  10. python foo函数_Python函数基础
  11. this指向问题(箭头函数)
  12. 【信源编码技术】实验1-浊音清音爆破音的时域及频域特性分析
  13. 线程插队--Join方法
  14. 【修电脑】每次关机提示rundll32.exe程序没有响应,修改注册表解决问题
  15. PR-颜色遮罩-透明度-渐闪效果
  16. int(4)、int(8)、int(11) 分别占用几个字节 ?
  17. Python 爬虫入门(1)获取豆瓣网页源代码
  18. 地表温度lst数据的下载【国家青藏高原科学数据中心】
  19. 基于ESO的永磁同步电机无感FOC 采用线性扩张状态观测器(LESO)估计电机反电势,利用锁相环从反电势中提取位置和转速信息
  20. 树莓派 人体感应器HC-SR501的应用

热门文章

  1. Ubuntu 安装迅雷替代软件XwareDesktop
  2. RTMP、HTTP-FLV、HLS,常见的三大直播协议
  3. 优思学院|六西格玛黑带应如何选择和评估项目?
  4. QQ游戏美女找茬外挂
  5. 【SPSS】2.定义变量
  6. spring 不同注解的使用场景
  7. 王道考研数据结构笔记之基本概念
  8. VS2019直接编译cmake项目
  9. 今日芯声 | 叮咚!您的2019蚊子预报地图已出炉
  10. vue项目答辩题目【第一弹】