前端小白在线求教:如何点击超链接能改变标题文字,再次点击后还原文字?
举个例子:
<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的大哥们真好!!!刚提问就有人回答 学到好多!感谢大佬们!!