jquery - 如何在jQuery中创建LIKE和UNLIKE按钮

我想在jquery中创建LIKE和UNLIKE按钮，我所做的是，

 <span><a class="like-Unlike" href="">Like</a></span> |
   function LikeUnLikeButton() {
            $(".like-Unlike").click(function (e) {
                if ($(this).html() == "Like") {
                    $(this).html('Unlike');
                }
                else {
                    $(this).html('Like');
                }
            });
        }

但它不起作用，问题是当我单击“喜欢”按钮时，我可以看到与按钮不同的东西，然后又回到“喜欢”按钮

请在此处查看：http://jsfiddle.net/mHJnH/

最佳答案

您错过了$(this的右括号的位置），在这里丢失了。

更改

  $(this.html('Unlike'));

至

 $(this).html('Unlike');

由于有问题的更新而进行编辑

您可能不需要功能LikeUnLikeButton（）{

Live Demo

$(".like-Unlike").click(function(e) {
    if ($(this).html() == "Like") {
        $(this).html('Unlike');
    }
    else {
        $(this).html('Like');
    }
    return false;
});​