如何更改链接的文本和功能？
如何更改链接的文本和功能？
提问于 2013-04-04 12:36:47
下面的jQuery js隐藏了我放置的链接之前的内容。单击后，它将显示。我希望将文本从“显示危机”更改为“隐藏危机”，并将函数从.show()更改为.hide()。我不确定我如何才能继续这样做，所以一些帮助将是很好的！
JS：
$(".crisisButtons").hide().before("<a href='#' class='showHide'>Show Crisis</a>");
$(".showHide").click(function(){
var link = $(this);
link.next().show("slow");
});回答 3
Stack Overflow用户
回答已采纳
发布于 2013-04-04 12:40:49
可以使用.text()方法的回调函数。
$(".showHide").click(function(){
$(this).text(function(_, text){
return text === 'Show Crisis' ? 'Hide Crisis' : 'Show Crisis';
}).next().toggle("slow");
});http://jsfiddle.net/kNBwD/
Stack Overflow用户
发布于 2013-04-04 12:38:33
$("#youratag_id").text("Show crisis");应该就这么简单
或使用切换：
$(function() {
$(".showHide").toggle(function (){
$(this).text("Show crisis");
.stop();
}, function(){
$(this).text("Hide crisis");
.stop();
});
});Stack Overflow用户
发布于 2013-04-04 12:45:15
我会做这样的事情：
button.click(function () {
link.toggle('fast', function () {
button.text(link.css('display') === 'none' ? 'Show Crisis' : 'Hide Crisis'));
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15802608
复制相关文章
相似问题
腾讯云开发者
