Question

下面的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");
        });

Answer 1

您可以使用.text()方法的回调函数。

$(".showHide").click(function(){
    $(this).text(function(_, text){
         return text === 'Show Crisis' ? 'Hide Crisis' : 'Show Crisis';
    }).next().toggle("slow");
});

http://jsfiddle.net/kNBwD/

Answer 2

$("#youratag_id").text("Show crisis");

应该就是那么简单

或使用切换：

$(function() {
        $(".showHide").toggle(function (){
            $(this).text("Show crisis");
            .stop();
        }, function(){
            $(this).text("Hide crisis");
            .stop();
        });
    });

Answer 3

我会做这类事情：

button.click(function () {
    link.toggle('fast', function () {
        button.text(link.css('display') === 'none' ? 'Show Crisis' : 'Hide Crisis'));
    });
});

如何更改链接的文本和功能？

3 个答案: