jquery - 动态数据属性

Question

这更像是一个“这会发生吗”的问题。

我正在设置本地存储来记住该人正在使用哪些选项卡。我的问题是，在不同的项目之间，他们想要记住他们在该特定项目中所做的事情。

为了保存这些选项卡，我在选项卡本身上设置了一个数据属性，然后在 jQuery 中调用它，以将该选项卡显示在其他选项卡之上。

理想情况下，我希望数据属性具有动态名称。我可以通过拉入项目 id 在 html 中轻松设置此属性，但我试图弄清楚是否可以仅使用该函数在 jQuery 中调用该数据属性。

所以在我的 html 中我有一些看起来像这样的东西

data-tab{{id}}="name"

然后我就这样调用他们，没有ID。但现在有了唯一的名称，我不太确定如何在不复制函数十亿次的情况下获取要调用的属性，这在这种情况下实际上是不可能的。

$(this).attr('data-tab');

任何帮助都会很棒!

Answer 1

这将正则表达式与元素的所有属性进行匹配，并获取第一个匹配的值。

var value = $(this.attributes).filter(function () {
    return this.name.match(/^data-tab/);
}).val();

alert(value);

http://jsfiddle.net/tN3gj/