Question

我最近开始涉足AJAXy UI并迅速遇到问题。假设您有一组包含一组行的表，并且您希望在服务器上镜像客户端操作。因此，例如在服务器端，您可以这样做。

print('<table>')
for(item in data)
    print('<tr>')
    print('<td>')
    print(item)
    print('</td>')
    print('<td>')
    print('<a href="delete?item=' + item + '">Delete</a>')
    print('</td>')
    print('</tr>')
print('</table>')

在javascript中，可以通过在构建表时构建类似的链接来实现，也许是javascript:deleteItem(item)。但是，如果您可以只使用保存其项目名称的元数据显式标记一行，并从链接的上下文中单击出该项目，该怎么办？ JQuery metadata允许此功能，但这肯定不是实现它的唯一/最佳方式吗？

Answer 1

最新版本的jQuery也支持html5 data attribute。这是我的建议。

Answer 2

如前所述，您可以使用HTML5自定义数据属性，您可以执行以下操作：

<div class="deleteButton" data-id="SOME_UNIQUE_IDENTIFIER">DELETE</div>

然后使用类似下一个的常规功能来管理删除按钮的点击次数：

$('.deleteButton').click(function() {
    // through $(this).attr('data-id') you can
    // get that unique identifier you previously set
    // and do something with it
}

丰富的AJAX用户界面中的数据表示

2 个答案: