用jQuery选择Django对象

Question

我在一个带有for循环的模板中显示了模型的对象，如下所示：

{% for post in posts %}

 {{post.text}}

{% endfor %}

现在，我想将按钮附加到每个具有post.id值的post对象，单击该按钮应发出ajax请求，以更新该特定对象的表决属性。

因此，我尝试添加这样的按钮：

{% for post in posts %}

     {{post.text}}

<input type="submit" value="V" id="upButton" post_id="{{post.id}}"></input>

    {% endfor %}

在ajax之前，我只想查看按钮是否正常工作，因此我尝试检查（使用jQuery）它是否提醒每个帖子的post.id值：

<script>
    $(document).ready(function(){
       $('#upButton').click(function(){
        var post_id = $('#upButton').attr('post_id');
        alert(post_id);
      });
    });
  </script>

只有第一个对象上的按钮起作用。 其他按钮不起作用。 这里发生了什么事？

Answer 1

每个html页面只能设置一次id属性。

因此，javascript代码将始终仅引用第一个元素。

更改为：

<input type="submit" value="V" data-role="upButton" post_id="{{post.id}}"></input>

在javascript中：

<script>
    $(document).ready(function(){
       $('[data-role=upButton]').click(function(){
        var post_id = $(this).attr('post_id');
        alert(post_id);
      });
    });
  </script>

它应该工作