jq 改变其他兄弟元素的样式
<!-- mk-myclass Start -->
<div class="mk-myclass border-b">
<dl id="findbook">
<dt>分类:</dt>
<dd class="myclassactive">
<span style="cursor: pointer" οnclick="ChangeBook(0)" categoryid="">全部</span>
</dd>
<volist name="btlist" id="bt">
<dd>
<span style="cursor: pointer" οnclick="ChangeBook({$bt.typeid})" parentid="15" categoryid="17">{$bt.typename}</span>
</dd>
</volist>
</dl>
</div>
<!-- mk-myclass Start -->
$("#findbook dd").click(function(){
var liParent = $(this).parent();
var brother = liParent.children();
brother.removeClass("myclassactive");
$(this).addClass("myclassactive");
});
jq 改变其他兄弟元素的样式相关推荐
- css:hover改变另一个元素的样式
css:hover状态改变另一个元素样式的使用 效果演示 情景一:两个是兄弟元素 情景二:两个是父子元素 情景二:两个是兄弟元素,改变的是一个兄弟元素的子元素 附加代码: <!DOCTYPE h ...
- html中伪元素怎么更改图片,如何改变css伪元素的样式
本篇文章介绍了如何改变css伪元素样式的方法,希望对学习前端css的朋友有帮助! 一.CSS伪元素 CSS 伪元素用于向某些选择器设置特殊效果. 伪元素的用法如下:selector:pseudo-el ...
- JQ改变标签的元素名称
今天上班刚刚接杯水坐在电脑旁,听见同事们在讨论想要改变标签的名称:我一听感觉这种东西改怎么实现呢?除非是删除原有的标签,添加新的标签,感觉只有这种方法,没有其他的了. javascript 想了想,可 ...
- jquery 添加点击添加class样式 移除兄弟元素样式
<ul class="nav nav-tabs margin-top" id="before_click"> <li ><a hr ...
- vue封装jquery修改自身以及兄弟元素的方法
在项目中我们经常有,点击某一个元素让其自身样式发生变化,同时其兄弟元素改变的需求,最简单的就是通过Jquery来操作,但是如果需求多的话,那么我们就可以对这个方法进行封装,然后再引入使用.今天我们就来 ...
- css3之通用兄弟元素选择器
所谓兄弟元素选择器:它是用来指定位于同一个父元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用的样式. 使用方式: <子元素>~<子元素之后的同级兄弟元素>{ ...
- JQ点击改变当前元素子元素的样式,点击兄弟元素移除当前元素子元素样式
pt为当前元素,pz-li-on为父元素点击改变的样式名 找到当前元素的子元素 tc-li-tt 和 tc-li-det 分别加上样式, 然后点击其他兄弟元素后,移除当前元素子元素样式 代码如下: $ ...
- 点击 选中该元素, 改变当前点击元素的样式,其他元素样式不变
js方法 1.给元素添加点击事件 并传参. onclick = "clickItem( this )" 2.在事件中获取到该item,给item添加css类 , item.cl ...
- 元素的样式设置 元素类样式的操作 开关灯效果 获取兄弟元素 当前元素的兄弟元素样式
元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
最新文章
- 中文 查询_查询商标,商标注册通过分析的几个小技巧
- Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)
- 解决mysql java.sql.SQLException: The server time zone value‘XXXXXX' is unrecognized or represents...
- 你与弄懂promise之间可能只差这篇文章(二)
- chrome获取xpath元素-f12工具
- 【机器学习】传统目标检测算法之Haar分类器
- snippet,让你编码效率翻倍
- 阿里电商架构演变之路(二)
- XP系统桌面图标透明问题的解决办法
- android:layout_gravity和android:gravity
- oracle crystall ball,Oracle Crystal Ball
- Gitea+Jenkins+webhooks-前端自动化部署
- 1.1初识sakura语法
- mess组网 中继_还在用无线路由器中继?快来看乙辰科技全新更智能的无线Mesh组网...
- win10-11全版本下载地址MSDN纯净版ISO-20220217更新
- 批量修改pdf文件名称(一)
- NMS中的 offset by class 是什么意思?
- 解决fullpage滑动,控制台的报错提示
- 个人项目——基于STM32的太阳能供电智能花盆
- 力扣刷题笔记--304 二维区域和检索 - 矩阵不可变 前缀和