Json投票下来脚本无法正常工作

时间:2016-10-28 17:35:22

标签: php jquery json

这是我的jquery代码,这很好用。但是当我在DIV中显示结果时。每次显示每个结果的所有值。

$.ajax({
    url: 'vote.json',
    type: 'POST',
    data: 'vote_type='+vote+'&qid='+qid+'&aid='+aid,
    dataType: 'json',
    cache: false,
    success: function(data) {
        $('.show_votes_likes').each(function (index, value){

            var data_votes = '';

            data_votes += '<span style="color:#66A835">'+data[index].likes+'</span>';
            data_votes += '<span class="up-votes-icon" onClick="give_vote(1)"></span>';
            data_votes += '<span class="down-votes-icon" onClick="give_vote(-1)"></span>';
            data_votes += '<span style="color:#CC5356">'+data[index].dislike+'</span>';

            $('.show_votes_likes').append(data_votes);
        });      

    }

});

这是vote.json文件

[{"likes":"5","dislike":"0"},{"likes":"11","dislike":"-3"}]

请告诉我如何单独展示每个。

提前致谢!

1 个答案:

答案 0 :(得分:1)

也许在这一行

        $('.show_votes_likes').append(data_votes);

你将所有div附加到&#34; .show_votes_likes&#34;类 而是使用这个

        $(this).append(data_votes);

引用实际的div代替所有

问候 埃米利亚诺