如何点击超链接能改变标题文字,再次点击后还原文字?

前端小白在线求教:如何点击超链接能改变标题文字,再次点击后还原文字?

举个例子:

<td><a href="。。。。">撤下</a></td>

点击后 变为:

<td><a href="。。。。">发布</a></td>

再次点击后 变为:

<td><a href="。。。。">撤下</a></td>

 

我现在只会一次修改:

<script>
$(document).ready(function(){
  $("a").click(function(){
    $("#w3s").text('发布');
  });
});
</script>

 

但是再次还原不太会 求教!!

<td><a href="。。。。" class="hide">撤下</a></td>
<td><a href="。。。。" class="show">发布</a></td>

<style>

.hide{

display: none

}

.show{

display: block

}

</style>

通过点击切换class类来进行 发布  撤销的文字更换,交替显示

点击的时候获取a标签的文本内容,如果是撤下就将内容替换为发布,如果是发布就将内容替换为撤下

$("a").click(function(){
   if($("#w3s").text() == '撤下'){

     $("#w3s").text(‘发布’);

}
  });

<a id="w3s" href="。。。。">撤下</a>
<script type="text/javascript">
$(document).ready(function() {
	$("#w3s").click(function() {
		if ($("#w3s").text() == '发布') {
			$("#w3s").text('撤下');
		} else {
			$("#w3s").text('发布');
		}
		return false;
	});
});
</script>

 

csdn的大哥们真好!!!刚提问就有人回答 学到好多!感谢大佬们!!