javascript - 如何使用 jquery 将关注按钮从关注更改为关注

Question

我在我的网站中创建了一个关注系统，并且我有一个类似于 Twitter 或 Facebook 的关注按钮。当我单击“关注”按钮时，我希望它更改为“关注”并保持这种状态，直到用户再次单击。我尝试用 jquery 做到这一点，但到目前为止我正在努力使其工作。

这是我尝试过的。

我的jquery代码:

 $(document).ready(function(){              

 $("#follow-button").click(function(){
  if ($("#follow-button").text() == "Follow"){
    $("#follow-button").text() == "Following";

}else{


 }
}); 
});

我的html代码:

     <button id="follow-button" class='msg-icon' name="follow" type="submit" >Follow    
            <input type="hidden" value="<?php echo $_GET['search']; ?>" name="follow_id"/>
        </button>

我将如何去做这件事，我错过了什么？

Answer 1

当您在包含空格中获取按钮文本时，首先使用 trim() 函数删除空格，然后使用 to text() 函数更改按钮文本以传递您的文本

                $(document).ready(function(){
                    $("#follow-button").click(function(){
                        if ($("#follow-button").text().trim() == "Follow"){
                            $("#follow-button").text('Following');
                        }else{
                            $("#follow-button").text('Follow');

                        }
                    });
                });