javascript - AJAX JQUERY 代码的哪一部分确定输出数据的占位符

Question

我正在使用这里的代码Voting system with jQuery, Ajax and 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);
    }  });
    }