jQuery切换文本？
jQuery切换文本？
提问于 2010-01-28 23:07:15
如何使用jQuery切换锚标签的HTML文本？我想要一个锚，当点击时，文本在Show Background和Show Text之间交替，以及淡入淡出另一个div。这是我最好的猜测：
$(function() {
$("#show-background").click(function () {
$("#content-area").animate({opacity: 'toggle'}, 'slow');
});
$("#show-background").toggle(function (){
$(this).text("Show Background")
.stop();
}, function(){
$(this).text("Show Text")
.stop();
});
});回答 19
Stack Overflow用户
回答已采纳
发布于 2010-01-28 23:23:51
对不起，问题出在我身上！是不同步的，但这是因为我把HTML文本弄错了。在第一次点击时，我希望div淡出，文本显示"Show Text“。
下次在我问之前，我会检查得更彻底！
我的代码现在是：
$(function() {
$("#show-background").toggle(function (){
$("#content-area").animate({opacity: '0'}, 'slow')
$("#show-background").text("Show Text")
.stop();
}, function(){
$("#content-area").animate({opacity: '1'}, 'slow')
$("#show-background").text("Show Background")
.stop();
});
});再次感谢你的帮助！
Stack Overflow用户
发布于 2010-01-28 23:14:20
$(function() {
$("#show-background").click(function () {
$("#content-area").animate({opacity: 'toggle'}, 'slow');
});
var text = $('#show-background').text();
$('#show-background').text(
text == "Show Background" ? "Show Text" : "Show Background");
});切换隐藏或显示元素。您可以使用切换来达到相同的效果，方法是拥有2个链接，并在其中任何一个被单击时切换它们。
Stack Overflow用户
发布于 2014-10-04 00:43:44
改进和简化@Nate的答案：
jQuery.fn.extend({
toggleText: function (a, b){
var that = this;
if (that.text() != a && that.text() != b){
that.text(a);
}
else
if (that.text() == a){
that.text(b);
}
else
if (that.text() == b){
that.text(a);
}
return this;
}
});用作：
$("#YourElementId").toggleText('After', 'Before');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2155453
复制相关文章
相似问题