Question

这是HTML代码

<span><a class="like-button" href="#" id="7">Like</a><span class="likeCount">25</span></span>

这是更改的脚本，但我也想发布链接ID，并在likeCount IF用户中添加1，如果用户不同，则减1！和我们在FB上使用的一样

$(function() {
    $('.like-button').click(function(){
        var obj = $(this);
        if( obj.data('liked') ){
            obj.data('liked', false);
            obj.html('Like');
        }
        else{
            obj.data('liked', true);
            obj.html('Unlike');
        }
    });
});

Answer 1

你可以像这样增加/减少类似数量的值

 $('.like-button').on('click',function(event){
        event.preventDefault();
        var likeCount=0; 
        var likeUnlikebit=0;
        if($(this).text()=="Like") {
             likeUnlikebit=1;
             $(this).text('Unlike'); 
        } 
        else
        {
             likeUnlikebit=-1;
             $(this).text('Like'); 
        }
        likeCount=parseInt($(this).siblings('.likeCount').text());
        $(this).siblings('.likeCount').text(likeCount+likeUnlikebit);
 });

快乐编码：）

Answer 2

$(function() {
$('.like-button').click(function(){
    var obj = $(this);
    if( obj.data('liked') ){
        obj.data('liked', false);
        obj.html('Like');
    $('.likeCount').html(parseFloat($('.likeCount').html())-1);       
    }
    else{
        obj.data('liked', true);
        obj.html('Unlike');
         $('.likeCount').html(parseFloat($('.likeCount').html())+1);
    }
});
});

单击后发布链接变量并更改文本

2 个答案: