jquery - 单击按钮恢复为内联样式 - jQuery

Question

我在一个页面上有一个 ul li 网格，它从一个插件中应用了内联样式。如果复选框不适用于该元素，则可以在该列表上方选择隐藏/显示任何选项。

我正在尝试添加一个“重置”按钮，将这些样式恢复为正常状态，就像它们在页面加载时一样，所以就像没有发生复选框选择一样。

这是页面加载时一种样式的示例。请注意，它们是从页面的顶部和左侧设置的，因此我无法对特定属性进行硬编码 - 这是来自插件。

position: absolute;
left: 330px;
top: 1320px;

我知道我可以使用 jQuery 一起删除所有样式，但我不知道是否可以将内联样式恢复到页面加载时的状态。

Answer 1

试试这个:

<script>
$(function(){
    var default_styles = new Array();

    default_styles = $('ul li').map(function(){ return $(this).attr('style') }).get();

    $('button').click(function(){
        $('ul li').each(function( i,v ){
            $(v).attr('style', default_styles[i] )
        });
    });
});
</script>

fiddle 添加:https://jsfiddle.net/ehpmvqL7/3/