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


What part of the AJAX JQUERY code determines placeholder for output data

我正在使用这里的代码 带有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>

我希望能够决定在哪里显示输出。感谢您的每一个建议

你可以输出任何你想要的,假设你想要在类测试的div中返回结果,你这样做:

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