如何为父div及其隐藏的子div应用样式？

Question

应用程序更多的是使用div操作的单页导航。根据上一个/下一个按钮，它将相应地显示该部分。现在，我必须为填充的表单数据生成预览页面。我的想法是克隆所有div并用只读替换输入字段。这是我已经克隆的div结构。

解决方案寻找：启用每个div样式显示为“inline-block”

代码尝试：

function confirmationPage() {
        //1
        $(".pgePreview").closest('div').children().css('display', 'inline-block');
        //2
        $("#pgePreview div").each(function (e) {
            if (e != 0) {
                $(this).css('display', 'inline-block');
            }
        });
    }

感谢您的帮助。

Answer 1

    $("#parent div").each(function (e) {
        if (e != 0) {
            $(this).css('display', 'inline-block');
        }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div id="parent">
        <div>
            <div style="display:none; border: 1px solid; width:100px; height:100px"></div>
            <div style="display:none; border: 1px solid; width:100px; height:100px"></div>
            <div style="display:none; border: 1px solid; width:100px; height:100px"></div>
            <div style="display:none; border: 1px solid; width:100px; height:100px"></div>
            <div style="display:none; border: 1px solid; width:100px; height:100px"></div>
        </div>
    </div>