jquery - 关于 jQuery、元数据和 XHTML 合规性

Question

我想向我们的网站添加一些 jQuery 功能，其中一个标记将有一个单击处理程序，该处理程序需要导致另一 block 标记发生操作，即 A 是 B 操作的触发器。无法保证关于 A 和 B 的相对结构，所以我不能依赖 jQuery 选择器，而且每个唯一的 A 只需要与其唯一对应的 B 相关。

在这种情况下，关于最佳处理方式的普遍共识是什么？

选项 1:谁关心 XHTML 合规性，无论如何它都被高估了。我们有未经训练的 Web 内容制作者能够将标记注入(inject)到我们的网站中，因此严格的 XHTML 合规性将是一个白日梦。只需编写标签属性并使用 jQuery 读取它们的值即可。

Example:
<div class="jquery-feature-trigger" actson="targetID">Trigger</div>

选项 2:使用看起来像 HTML 的属性，但实际上不应该用于此目的。

Example:
<div class="jquery-feature-trigger" rel="targetID">Trigger</div>

选项 3:使用像 ASP.NET 4.0 那样的命名空间。

Example:
<div class="jquery-feature-trigger" custom:actson="targetID">Trigger</div>

如果您想推荐选项 3，我将不胜感激，因为我真的不知道是否必须制作 DTD 或如何将其链接到其中。

选项 4: Stack Overflow 社区有更好的想法......？？？

Answer 1

您可以调查 jQuery Metadata plugin ，它可以将 JSON 元数据存储在 class 属性(或其他各种位置)中。示例:

<div class="jquery-feature-trigger { actson: 'targetID' }">Trigger</div>