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

最新推荐文章于 2021-09-01 09:45:55 发布

Quincy379

最新推荐文章于 2021-09-01 09:45:55 发布

阅读量502

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_33733970/article/details/78784940

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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