Javascript jquery-在ID或转义元字符中使用有效HTML更好？

我正在开发的应用程序要求保留非字母数字选择器字符连字符（-）和下划线（389;）供应用程序使用。有一段时间我用逗号分隔字符，但当我需要直接选择元素时，它会给我带来麻烦

以下是我如何设置的想法：

<td id="tableName,columnName,primaryKeyName,primaryKeyValue>

---

为什么不使用数据属性

<td id="some-td" data-id="tableName,columnName,primaryKeyName,primaryKeyValue">

奖励：你可以把你想要的东西放进去

<td data-id="{'tableName':'myTable'}">

---

如果不想转义，可以使用属性选择器：

[id=“a，b”]

这更合适。

<td data-id="{'tableName':'myTable'}">

data = JSON.parse($sameTd.data('id') || 'null');
data.tableName; // myTable