Question

我有一个按钮，可以向下滑动显示某些内容的div。当div打开时，如何更改按钮中的文本。它必须从“VERMÁS”改为“VER MENOS”

<a id="showfoo" class="btn btn-primary hidden-xs">VER MÁS</a>

<script>
  $(document).ready(function() {
    $('#showfoo').click(function() {
            $('#foo').slideToggle(1000, "swing");
    });
  });
</script>

谢谢！

Answer 1

你可以使用三元运算符和.text（）来实现这一点。

$(function() {
   
   $('#showfoo').click(function() {
       $('#foo').slideToggle(1000, "swing");
       var txt = $(this).text() == "VER MÁS" ? "VER MENOS" : "VER MÁS";
       $(this).text(txt);
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="showfoo" class="btn btn-primary hidden-xs">VER MÁS</button>

Answer 2

你可以这样做：

＆＃13;

$(function() {
   
   $('#showfoo').click(function() {
       $('#foo').slideToggle(1000, "swing");
        $(this).toggleClass('showHide');
        if($(this).hasClass('showHide')) {
        	$(this).text('Show');
        } else {
        	$(this).text('Hide');
        }
    });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="showfoo" class="btn btn-primary hidden-xs showHide">Show</button>

＆＃13;

希望这有帮助！

如何更改按钮文字

2 个答案: