php - ボタンのクリック時に AJAX POST がクラスをロードしない。

Question

rating = +0 の場合、次のように表示されます (スタンバイ)。

ボタンをクリックすると、次のように表示されます(評価の追加)。

もう一度クリックすると、次のように表示されます (評価の削除)

---

次のように表示したいと思います。

評価 = +0 の場合、クリックすると次のように表示されます。

問題:ボタンをクリックすると、font-weight:bold & color: # が消えて、クラスで自動的に更新されます。私は何を間違っていますか？この下手な質問で申し訳ありませんが、しばらくの間、私はそのような単純な問題で立ち往生していると確信しています。

これは私のコードです:

PHP:

<div class="up vote" name="voteUp" id="<?php echo $post_iD;?>">
    <div class="wrapper">+<?php echo $VoteRate;?></div>
</div>

AJAX:

$(function()
{
    $(".vote").click(function()
    {
        var id = $(this).attr("id");
        var name = $(this).attr("name");
        var dataString = 'id='+ id ;
        var parent = $(this);

        if (name=='voteUp')
        {
            $.ajax(
            {
                type: "POST",
                url: "voting/up_vote.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    parent.html(html);
                }
            });
        }
        return false;
    });
});

Answer 1

.wrapper成功関数で、親ではなく divの HTML を置き換えます。

parent.find(".wrapper").html(html);