jQuery 通过自定义属性前缀选择有和没有数据-

Question

选择自定义标签的问题被问了很多次。

<div mytag="foo"></div> 将是 $('[mytag]') 或 $('div[mytag]')。

现在我的问题是关于上述不是有效的 HTML5 的事实。 然而，这将是有效的：<div data-mytag="foo"></div>。

现在我的假设是-如果我让用户使用mytag="foo" 或 data-mytag="foo"- 我可以这样做：$('[$mytag]')。其中 $ = 以 mytag 为前缀的所有内容。

为什么会出错，我该如何解决？

PS：
目前我正在做：$('[mytag], [data-mytag]') 看起来 design-flawish...

Answer 1

这是错误的，因为您不能使用属性选择器动态匹配属性名称，只能匹配属性值。你说“$ = 以 mytag 为前缀的所有内容”，但没有这样的语法。

[mytag], [data-mytag] 本身并不完全是一个设计缺陷，而是它突出了原始标记中的一个设计缺陷。如果它困扰您，您可以确保用户尝试输入的任何自定义属性在尚未提供前缀的情况下自动以“data-”为前缀，因此您不必担心用户定义的属性缺少前缀。