jquery 添加点击添加class样式 移除兄弟元素样式
<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样式 移除兄弟元素样式相关推荐
- jquery实现点击标题显示内容,同级其他元素内容隐藏
最终呈现效果: jquery实现点击标题显示内容,同级其他元素内容隐藏视频 核心代码块: //点击标题元素('历史上的今天')$(document).on('click','.item',functi ...
- 元素的样式设置 元素类样式的操作 开关灯效果 获取兄弟元素 当前元素的兄弟元素样式
元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
- CSS修改默认列表元素样式(1.修改默认元素样式 2.伪元素选择器)
CSS修改默认列表元素样式 1. 修改默认元素样式 <!DOCTYPE html> <html lang="en"><head><meta ...
- css设置兄弟元素样式-兄弟选择器
有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟. 临近兄弟(相邻):用 + 表示,只匹配该元素后边的第一个同级元素. 普通兄弟:用 - 表示,匹配该元素后边的所有同级元素. 1.相邻兄弟元素 ...
- jquery/js 点击空白区域隐藏某一个层/元素
场景:点击一个按钮弹出一个对话框/气泡,点击空白区域隐藏对话框/气泡: html: <button id="btn">按钮</button> <div ...
- js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
原生javascript方法: 1 var a = document.getElementById("dom"); 2 del_space(a); //清理空格 3 var b = ...
- jquery获取元素(父级的兄弟元素的子元素)
一.获取父级元素 使用jquery获取父级元素: parent() 例如:$(this).parent('ul'); 二.获取同级元素 使用jquery获取同级元素:siblings() 例如:$(t ...
- jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...
- bootstrap 黑边框表格样式_bootstrap4 使用及常用样式详细整理
引入方式 前端项目基于jquery去构建:可以直接引入cdn库,bootstrap4.css.jquery.js.bootstrap4.js 前端项目基于react去构建:bootstrap4.css ...
最新文章
- 服务器端PHP多进程编程实战
- 从“架构师书单”讲开去
- 如何选择开源许可证如何修改项目使其符合某种开源许可证
- python 函数进度条怎么_python输出结果刷新及进度条的实现操作
- G1刷机问题 E:error status=7
- 计算机编程ebcdic码,EBCDIC 与 ASCII 编码相互转换
- 通过GPUImage实现40+种滤镜与实时美颜功能
- java 无锁并发_高并发情况下怎样尽量实现无锁编程
- 电信光猫/烽火HG6543c1光猫超级密码获取改桥接模式( 中国电信浙江公司定制天翼网关3.0)
- python foo函数_Python函数基础
- this指向问题(箭头函数)
- 【信源编码技术】实验1-浊音清音爆破音的时域及频域特性分析
- 线程插队--Join方法
- 【修电脑】每次关机提示rundll32.exe程序没有响应,修改注册表解决问题
- PR-颜色遮罩-透明度-渐闪效果
- int(4)、int(8)、int(11) 分别占用几个字节 ?
- Python 爬虫入门(1)获取豆瓣网页源代码
- 地表温度lst数据的下载【国家青藏高原科学数据中心】
- 基于ESO的永磁同步电机无感FOC 采用线性扩张状态观测器(LESO)估计电机反电势,利用锁相环从反电势中提取位置和转速信息
- 树莓派 人体感应器HC-SR501的应用