javascript - JQUERY:保存和恢复属性数据

Question

我想获取/保存所有具有“tabindex”属性的元素。

然后，当用户单击一个元素打开弹出窗口时，我需要将所有元素设置为“tabindex = -1”，这样当用户点击 tab 键时，他们不会跳转到具有“tabindex”的所有其他字段”。

用户关闭弹出窗口后，我需要恢复每个元素的所有选项卡索引。

因此，对于“tabindex = -1”我使用:

$("*[tabindex]").each(function (i) { $(this).attr('tabindex', '-1'); });

但是我如何保存和恢复“tabindex”之前的每个元素？

Answer 1

使用.data()保存每个元素的数据。

$("*[tabindex]").each(function (i) { $(this).data('tabindex', $(this).attr('tabindex')).attr('tabindex', '-1'); });

然后恢复:

$("*[tabindex]").each(function (i) { $(this).attr('tabindex', $(this).data('tabindex')); });