如何在jquery中切换锚标记文本

Question

我想切换锚标签文本，我在 div 中有一个锚标签，当用户点击回复时，评论框打开并且文本应该变为关闭，反之亦然，但问题是在文本更改为关闭后，文本保持关闭并在显示和隐藏之间切换清楚地工作......

<a id="reply" href="#">reply</a>
<div id="replyuser" style=" position:absolute;">
    <asp:TextBox ID="txt1" CssClass="txtbox" TextMode="MultiLine" runat="server"></asp:TextBox><br />
    <asp:Button ID="btnreply" Text="send" runat="server" CssClass="btn" />
</div>

jquery如下

$(document).ready(function() {
    $("#replyuser").hide();

    $("#reply").click(function() {
        $("#replyuser").toggle(function() {
            $("#reply").text("close");
        });
    });
});

Answer 1

    $(document).ready(function() {
                $("#replyuser").hide();

                $("#reply").click(function() {

                    $("#replyuser").toggle(function(e) {
                           $(this).is(":visible") ? $("#reply").text("close") : $("#reply").text("reply");                         
                    });

                });
            });

$(this) 是对 $("#replyuser") 控件SO link 的引用， :visible 是可见控件的选择器（惊讶的是:)）。 所以逻辑上 .is 检查 $("#replyuser") 是否可见。

Answer 2

尝试在点击时替换文本：

您在按钮的上下文中，然后尝试在它收到点击事件时使用$(this) 引用它，然后切换#reply div 并检查文本。如果这有文本reply 将其更改为close。

把这个放在css中：

#replyuser {
    display:none;
}

然后使用这个脚本：

$("#reply").click(function() {
   $("#replyuser").toggle();
   ($(this).text() === "reply") ? $(this).text("close") : $(this).text("reply");
});

Final Fiddle