如何使用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();
});
});
发布于 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();
});
});
再次感谢你的帮助!
发布于 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个链接,并在其中任何一个被单击时切换它们。
发布于 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');
https://stackoverflow.com/questions/2155453
复制相似问题