jQuery点选特定区域处理及自定义属性的判断和移除

.selected{background-color: red;
}

<tbody id="display">
<tr><td rid="1">井冈山</td><td time_id="1" room_id="1"></td><td time_id="2" room_id="1"></td><td time_id="3" room_id="1"></td><td time_id="4" room_id="1"></td><td time_id="5" room_id="1" chosen="true">egon</td><td time_id="6" room_id="1"></td><td time_id="7" room_id="1"></td><td time_id="8" room_id="1"></td><td time_id="9" room_id="1"></td><td time_id="10" room_id="1"></td></tr>
</tbody>

//事件委托
function delegateEvent() {//$('#display').on('click','td[time_id][chosen!="true"]',function () {$('#display').on('click', 'td[time_id]', function () {if ($(this).hasClass('selected')) {$(this).removeClass('selected')//通过typeof的自定义属性值是不是undefined类型} else if (typeof($(this).attr('chosen')) !== 'undefined') {//调用removeAttr()去移除自定义属性$(this).removeAttr('chosen').empty()} else {$(this).addClass('selected')}});
}

效果图：

jQuery点选特定区域处理及自定义属性的判断和移除相关推荐

Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
jQuery如果选中复选框
本文翻译自:jQuery if checkbox is checked I have a function below that I want to only trigger when a check ...
jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
html css 多选下拉框,jQuery多选下拉框插件
jquery.multi-select.js是一款jQuery多选下拉框插件.该插件可以将select元素转换为带checkbox的多选下拉框,非常实用. 使用方法在页面中引入下面的文件. lt;l ...
jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...
这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuer ...
thymeleaf 复选框回显_Thymeleaf+layui+jquery复选框回显
一.Thymeleaf+layui+jquery复选框回显基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery.大致意思是:把数组转成JSON传到前台,再在前台转回数 ...
Jquery全选单选功能
Jquery全选单选功能 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="W ...
Jquery怎么获取select选中项自定义属性的值
Jquery如何获取select选中项自定义属性的值? HTML code <select id="ddl" οnchange="ddl_change(this) ...
jQuery在线选座订座（影院篇）
jQuery在线选座订座(影院篇) 原文:jQuery在线选座订座(影院篇) 我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付. ...

jQuery点选特定区域处理及自定义属性的判断和移除

效果图：

jQuery点选特定区域处理及自定义属性的判断和移除相关推荐

最新文章

热门文章