Question

我制作了一个隐藏一些文字的按钮，效果很好。但我想将隐藏按钮的文字从隐藏改为显示等等，请帮忙这是代码

<html>
<head>
<script src="jqueryLibrary.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").toggle(1000);
    });
});
</script>
</head>
<body>
  <button>hide</button>
  <p>This is a paragraph with little content.</p>
  <p>This is another small paragraph.</p>
</body>
</html>

Answer 1

您可以使用text()：

$(document).ready(function () {
    $("button").click(function () {
        $("p").toggle(1000);
        $(this).text(function(i, text){
            return text === "Show" ? "Hide" : "Show";
        })
    });
});

<强> Fiddle Demo

Answer 2

如果我理解正确，您只想更改按钮文字？

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle(1000);
   if($(this).html() == "Hide"){
      $(this).html("Hide");
   }
   else{
      $(this).html("Show");
   }
});
});
</script>

如何在jQuery中切换按钮文本标签？

2 个答案: