是否可以将 HTML 元素中的 Django id 传递给 jQuery 函数？答案

【问题标题】：Is it possible to pass a Django id inside an HTML element, to a jQuery function?是否可以将 HTML 元素中的 Django id 传递给 jQuery 函数？
【发布时间】：2021-02-24 15:03:36
【问题描述】：

我在 for 循环中显示博客文章列表，每篇文章都有一个评论表单，下方有发送按钮。我需要让 Django 知道单击了哪个特定帖子，因此已将 {{post.id}} 添加到按钮元素的 id 中。然后如何将这些信息传递给 jQuery？有可能做这样的事情吗？

<button id="addComBtn{{post.id}}...>Send</button>

$('#addComBtn //post.id here').click(function() {
    ...
});

或者有没有更好的方法？

【问题讨论】：

您好，您可以像这样更改选择器：$('button[id*=addComBtn]').click(function() { //you code })。
谢谢斯瓦蒂，我试过这个，我也试过$('button[id*=addComBtn{{post.id}}]').click(function() {，它仍然只允许我更新循环中的第一个帖子
该事件是否被调用？另外你如何从按钮获得id？
我已经为我的按钮提供了数据 id 属性，data-id="{{post.id}}" 这有助于我返回正确的 id，但现在我的 ajax 响应有问题。对于循环中的第一个帖子，响应正确地返回一个对象字典，但对于所有其他帖子，它返回整个文档的 html
您是否检查过正确的id 值是否正在传递到后端？抱歉，我对 django 的了解有限。

标签： html jquery django ajax

【解决方案1】：

你为什么没有尝试过？

是的，这是可能的。这应该是解决方案

<button id="addComBtn{{post.id}}...>Send</button>

$('#addComBtn{{ post.id }}').click(function() {
    ...
});

因为首先 Django 使用自己的引擎渲染页面（意思是，它不检查{%%}s 和{{}}s 之外的任何其他内容），然后它发送给客户端，当它渲染时，它将取代它。

【讨论】：

谢谢。我确实尝试过，但是当我像这样添加post.id 时，我的按钮没有做任何事情
问题可能出在您的 jQuery 脚本中。从浏览器检查页面源，看看它是否是$('#addComBtn<someid>')，如果是这样，那么问题出在你的脚本而不是Django。
如果我不包含 post.id 我的脚本可以正常工作，但仅适用于循环中的第一个帖子
源代码显示每个按钮都有正确的 id，例如<button id="addComBtn34