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

开发者社区> 问答> 正文

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

吴孟桥

2016-06-03 11:28:31

3070

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

JavaScript

ant样式 jquery.js标签标签属性标签添加属性属性样式

取消提交回答

全部回答(1)

吴孟桥

2019-07-17 19:26:24

直接设置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>

0 0

开发与运维

使用钉钉扫一扫加入圈子

+ 订阅

集结各类场景实战经验，助你开发运维畅行无忧

相似问题

展开