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')
}
});
}

效果图：