替代在onClick中传递数据？

Question

我有一个网页，其中列出了来自特定服务器的所有数据库记录。 每行旁边都有几个按钮，可用于重命名或删除记录。

INPUT( _value='Rename', _type="button", _class='appbutton', _onclick='renameApplication({0},"{1}")'.format(app.id,app.name))

生成如下内容：

<input class="appbutton" type="button" value="Rename" onclick="renameApplication(3,"My Application")"></input>

（后端模板引擎是web2py，但这并不是很重要。）

我正在动态生成这些按钮。 目前，我通过onClick传递每个按钮所需的数据。

根据jQuery.click（）vs onClick，我不应该再这样做了。 但是，在这种情况下，我应该如何传递数据，以便每次单击按钮都可以使用在服务器端写入的动态数据（本例中为应用程序ID和名称）。

我无法遍历记录以获取数据，因为行结构可能会更改。

我不能使用自定义属性，因为我需要支持的HTML少于5，并且我不会修改doctype！ （ 我可以向HTML标签添加自定义属性吗？ ）

我唯一能想到的就是将数据放在id属性中，然后对其进行解析，但这似乎很骇人。

有没有更好的办法？

Answer 1

您可以尝试使用jQuery将事件挂接到每个按钮上。 您可以将服务器ID放入jQuery可以理解的data属性中，而不会出现重大问题：

<input class="appbutton" type="button" value="Rename" data-id="3"></input>

然后是js：

$('#container').on('click', '.appbutton', function () {
  var serverId = $(this).data('Id'); //this binds to html input
  renameApplication(serverId);
});