在 asp.net mvc/jquery/javascript 中动态创建 div

Question

我正在 asp.net mvc 中开发在线测试应用程序。我需要向导的地方。我在此处找到了创建向导的代码。但这里的 div/para 有限。我不知道单次测试包含多少题。因此有必要为每个问题动态创建 div。并根据要求以向导结构显示它们。还需要知道如何将 List 传递给 jquery 函数，以便它会动态自动创建所有这些 div。请帮忙。

Answer 1

也许像 jquery UI Accordion 这样的东西可以帮助？

Answer 2

对我来说工作完美。对于“后退”按钮，请使用参数 loadNext(i,iPrevious)。

<script type="text/javascript">

            $(function() {
                var count = 6
                for (i = 1; i <= count; i++) {


                    if(i < count) {
                    var iNext = i + 1;
                    var iPrevious = i - 1;

                    $("<div id=" + i + "> Step " + i +

                          "<button type='submit' onclick=" + "loadnext(" + i + "," + iNext + ");> Next" + "</button>" +
                       "</div>").hide().appendTo("#parentDiv").fadeIn();


                     }
                    else
                        if(i == count) {
                             $("<div id=" + i + "> Step " + i +

                                 "<button type='submit' onclick=" + "loadnext();>Submit" + "</button>" +
                                    "</div>").hide().appendTo("#parentDiv").fadeIn();


                     }

                    $("#" + i).hide();
                }
            });
            $(function() { $("#1").show(); });
            function loadnext(divout, divin) {           
                $("#" + divout).hide();
                $("#" + divin).show();
            }

        </script>

  <div id="parentDiv">
    </div>