jquery表格列里面 click 和hover 冲突

Posted 2023-05-12

表格里面添加hover经过效果添加背景颜色，离开的时候去掉背景颜色，单击的时候添加背景，但是当hover事件再次执行的时候就把单击事件添加的背景去掉了，求解。

参考技术A on('click',function()
this._clikFlag=true,
//添加背景色


hover(function()
//添加背景色
,function()
if(!this._clikFlag)
//移除背景色


) 参考技术B 3个样式 ，样式一是初始的
hover(fn加样式二,fn去样式二);
click(fn加样式三);
如果想再点去掉样式三，可以将click 换成 toggle(fn加样式三);本回答被提问者采纳 参考技术C 所以你应该是：
hover经过效果添加背景颜色，离开的时候显示原来的背景色
这样hover中先取到原来的背景色即可 参考技术D

修改hover的事件样式处理

回到1

jQuery怎么遍历表格，获取每一列的值

参考技术A <table
class="table
table-hover"
id="test123">
<tr>
<th
width="45">选择</th>
<th
width="100">驾校名称</th>
<th
width="100">合作驾校名称</th>
<th
width="100">申请时间</th>
<th
width="100">申请状态</th>
<th
width="100">操作</th>
</tr>
<tr>
<td><input
type="checkbox"
name="id"
value="1"
/></td>
<td>中大驾校</td>
<td>潇湘驾校</td>
<td>2016-04-15
14:40:20</td>
<td
class="tablestate">未处理</td>
<td><a
class="change
button
border-blue
button-little
update"
href="#">修改申请状态</a></td>
</tr>
<tr>
<td><input
type="checkbox"
name="id"
value="1"
/></td>
<td>中大驾校</td>
<td>潇湘驾校</td>
<td>2016-04-15
14:40:20</td>
<td
class="tablestate">未处理</td>
<td><a
class="change
button
border-blue
button-little
update"
href="#">修改申请状态</a></td>
</tr>
</table>

扩展资料：
遍历同胞：
siblings（）：被选中时找到自己的兄弟姐妹，写法有siblings（所有的兄弟姐妹）和siblings（“同级的兄弟姐妹”）。
next（）：被选中时找到自己的下级，写法有
nextAll（找到所有的下级）和next（“找到下一个元素”）和nextuntil（"被选中的元素的范围内的元素"）。
prev(),
prevAll()
以及
prevUntil()
方法的工作方式与上面的方法类似，只不过方向相反：它们返回的是前面的同胞元素（在
DOM
树中沿着同胞元素向后遍历，而不是向前）。
first（）：返回被选中的第一元素
，写法
$("div
p").first().css("样式")
。
last（）：被选中的最后一个元素，写法
$("div
p").last().css(”样式“)
。
eq（）：返回被选中元素中有索引的元素，索引号，是从0开始不是从1开始比如tr.eq(0).id
==data.eq[i-1].id
或者
tr[0].id
=
data[i-1].id。

filter（）：删除真正意义上的过滤，写法
$("div
").filter("span").hide()
。
not（）：就是跟filter（）相反的用法。