博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery选中元素与样式改变
阅读量:5334 次
发布时间:2019-06-15

本文共 613 字,大约阅读时间需要 2 分钟。

案例:

  一个表格行中,有checkbox用来表示选中该行,行中有一列是用来标记该行记录的状态,代码如下

  

在选中一个或多个checkbox,时,改变 i 元素的jQuery代码如下

$("input[name='checkbox']:checkbox:checked").each(function() {			$(this).parent().next('td').find('i').removeClass("green");			$(this).parent().next('td').find('i').addClass("red");			alert($(this).parent().next('td').find('i').hasClass("red")); 		})

 

在实际应用中,由于使用了DataTable框架,一度无法正确选中 i 元素,原因是没有注意到  td 元素。

另外,toggleClass() 方法可以用来转换元素的 class,如 toggleClass("green red"),可以实现 green和red 的切换。

 

转载于:https://www.cnblogs.com/yexingzhiguang/p/6488864.html

你可能感兴趣的文章
Connect the Cities--hdoj
查看>>
poj--3061--Subsequence(贪心)
查看>>
灭霸—个人冲刺(7)
查看>>
当你输入一个网址的时候,实际会发生什么?
查看>>
高并发下的下单功能设计
查看>>
Jmeter之添加响应断言,bean shell post processor
查看>>
jQuery对表单、表格的操作及更多应用(下:其他应用)
查看>>
深入Java网络编程与NIO(一)
查看>>
Python 和 Java的对比
查看>>
深度学习笔记(一)
查看>>
[moka同学笔记]使用composer 安装yii2以及遇到的问题
查看>>
为rm命令增加回收站功能
查看>>
linux网站推荐
查看>>
浏览器 连不上网(2)
查看>>
【软件工程】结对四则运算
查看>>
Windows Phone开发之路(2) 开发环境的搭建
查看>>
MySQL数据库的基础操作及理解
查看>>
ThinkPHP_5【模型获取器】
查看>>
我对程序员身体健康的一点感悟《转》
查看>>
ASP.NET线程与异步
查看>>