用jquery对一个th标签添加属性或样式-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

用jquery对一个th标签添加属性或样式

现在有许多th,table使用自定义标签拼接好的,现在我想对这些th添加事件,
点击一次让th内容的后边加上一个向上箭头,再次点击,将向上箭头改为向下箭头。求教各位大神,该怎么做

展开
收起
吴孟桥 2016-06-03 11:28:31 3623 0
1 条回答
写回答
取消 提交回答
  • 吴孟桥

    直接设置th增加↓↑内容就好了

     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
    <table><tr><th>head1</th><th>head2</th></tr></table>
    <script>
    $('th').click(function(){
    var s=this.innerHTML;
    var isUp=s.indexOf('↑')!=-1
    s=s.replace(/[↓↑]/g,'')
    this.innerHTML=s+(isUp?'↓':'↑')
    })
    </script>
    2019-07-17 19:26:24
    赞同 展开评论 打赏
问答分类:
问答标签:
相关产品:
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载