jquery - 如何在单击时切换 DOM 元素的文本

Question

正如标题所说，我是 JQuery 编程的新手。这是我设置的一个小测试 JSFiddle:

http://jsfiddle.net/LQNmK/10/

 $(document).ready(function () {

     $("#testing1").show();
 });

 $(".testbutton").live("click", function () {
     $("#testing1 p").toggle("showorhide");
 });

在这里，我基本上是在做一个 showorhide 或一个 div。

我的问题是我希望按钮在隐藏时显示显示，反之亦然。什么是显示它的简单好方法？

Answer 1

最简单的方法是检查内容是否可见:

$(document).on("click", ".testbutton", function(ev) {
    var content = $("#testing1 p");
    content.toggle("showorhide");
    var text = content.is(":visible") ? "hide" : "show";
    $(this).val(text);
});

请注意，我已将 live 更改(弃用)为 on。