javascript - 附加到数据选择器的值，然后从中删除

Question

我想从给定类中获取所有名为“data-step”的数据选择器，附加到它们的值，然后将它们恢复为原始值。所以基本上，我想改变这个:

<div class="MyClass" data-step="1"></div>
<div class="MyClass" data-step="2"></div>

为此:

<div class="MyClass" data-step="1 disabled"></div>
<div class="MyClass" data-step="2 disabled"></div>

然后回到:

<div class="MyClass" data-step="1"></div>
<div class="MyClass" data-step="2"></div>

到目前为止，我知道我可以像这样获得所有特定的数据选择器:

$( ".MyClass[data-step]" ).attr("data-step", "disabled" );

但这将重写数据步骤，我将丢失原始值。

此外，我正在寻找一种不使用 cookie 或 session 存储的简单解决方案。

有什么建议吗？

Answer 1

未经测试...使用 jquery .each 遍历元素

$( ".MyClass[data-step]" ).each(function() {
    var $this = $(this);
    $this.attr("data-step", $this.attr("data-step") + " disabled" );
});

---

$( ".MyClass[data-step]" ).each(function() {
    var $this = $(this);
    $this.attr("data-step", $this.attr("data-step").replace(" disabled", "") );
});

Also, I am looking for a simple solution not using cookies or session storage.

我不知道为什么您甚至会考虑使用 cookie 或 session 存储来进行这样的更改