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

Posted 2023-02-19

【中文标题】是否可以将 HTML 元素中的 Django id 传递给 jQuery 函数？

【英文标题】：Is it possible to pass a Django id inside an HTML element, to a jQuery function?

【发布时间】：2021-02-24 15:03:36

【问题描述】：

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

<button id="addComBtnpost.id...>Send</button>

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

或者有没有更好的方法？

【问题讨论】：

您好，您可以像这样更改选择器：$('button[id*=addComBtn]').click(function() //you code )。

谢谢斯瓦蒂，我试过这个，我也试过$('button[id*=addComBtnpost.id]').click(function() ，它仍然只允许我更新循环中的第一个帖子

该事件是否被调用？另外你如何从按钮获得id？

我已经为我的按钮提供了数据 id 属性，data-id="post.id" 这有助于我返回正确的 id，但现在我的 ajax 响应有问题。对于循环中的第一个帖子，响应正确地返回一个对象字典，但对于所有其他帖子，它返回整个文档的 html

您是否检查过正确的id 值是否正在传递到后端？抱歉，我对 django 的了解有限。

【参考方案1】：

你为什么没有尝试过？

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

<button id="addComBtnpost.id...>Send</button>

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

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

【讨论】：

谢谢。我确实尝试过，但是当我像这样添加post.id 时，我的按钮没有做任何事情

问题可能出在您的 jQuery 脚本中。从浏览器检查页面源，看看它是否是$('#addComBtn<someid>')，如果是这样，那么问题出在你的脚本而不是Django。

如果我不包含 post.id 我的脚本可以正常工作，但仅适用于循环中的第一个帖子

源代码显示每个按钮都有正确的 id，例如<button id="addComBtn34