AJAX JQUERY代碼的哪一部分確定輸出數據的占位符

Question

我正在從這里使用帶有jQuery，Ajax和PHP的投票系統的代碼

我對代碼進行了一些操作以用於我的目的，這是讓用戶從右列中選擇感興趣的字段並將其移至左列，這是她收集的興趣。 這個想法是，當用戶單擊一個單詞時，該單詞將從該列中消失，並出現在相反的列中。 現在，PHP和mySQL的部分工作正常，但是我無法弄清以下幾點：

1. 如何使用相同的點擊功能更新兩列？
2. 盡管單擊一個單詞會使它消失，但是我看不到代碼的哪一部分？

這是我的jQuery代碼：

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

        if (name == 'up') {
            $(this).fadeIn(200).html('<img src="dot.gif" align="absmiddle">');
            $.ajax({
                type: "POST",
                url: "up_vote.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    parent.html(html);
                } 
            });
        }

這是HTML部分：

<table width="300">
    <tr>
        <td width="150">
            <a href="" class="vote" id="23" name="down">Cinema</a>
            <a href="" class="vote" id="24" name="down">Acting</a>
        </td>   
        <td width="150">
            <a href="" class="vote" id="12" name="up">Sports</a>
            <a href="" class="vote" id="13" name="up">Riding</a>
        </td>   
    </tr>
</table>

我希望能夠決定在哪里顯示輸出。 謝謝你的每一個建議

Answer 1

您可以在所需的任何地方輸出，假設您希望在類測試的div中返回結果，請執行以下操作：

   success: function(html)
    {
   $('.test').html(html);
    }  });
    }