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

Question

我想在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');
                }
            });
        }

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

请在这里查看:http://jsfiddle.net/mHJnH/

Answer 1

您错过了此处缺少 $(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;
});​