Question

在我的测验项目中，当开始考试页面时 - 用ajax获取问题计数（右侧）和答案列表（左侧）（请参阅下面提到的图片）。问题计数div生成动态依赖于Variant of question的数量（使用jstl和java for循环）。但是lef side Answerlist div - 包含静态ul li标签。每个李都有独特的身份。我有6个问题变体和每个变体的问题计数不同：第1 = 20个问题;第二次= 23次任务; 3 = 30等...... maxmium问题数= 33因此我在answerlist maxmimum size 33.中提到。

现在我希望在这2个左侧（答案列表）和右侧（问题计数）之间进行实现。

如果问题计数最后一个孩子= 20，则必须在Answerlist中生成具有唯一ID的20 ul li标签。

左侧代码（答案列表）供您考虑：

<div id="answerlist">
                <ol  id="answerlistli" style="font-size: 20px; font-weight: bolder;text-align: left;margin-left: -35px;">


                    <li id="td1"></li>
                    <li id="td2"></li>
                    <li id="td3"></li>
                    <li id="td4"></li>
                    <li id="td5"></li>
                    <li id="td6"></li>
                    <li id="td7"></li>
                    <li id="td8"></li>
                    <li id="td9"></li>
                    <li id="td10"></li>
                    <li id="td11"></li>
                    <li id="td12"></li>
                    <li id="td13"></li>
                    <li id="td14"></li>
                    <li id="td15"></li>
                    <li id="td16"></li>
                    <li id="td17"></li>
                    <li id="td18"></li>
                    <li id="td19"></li>
                    <li id="td20"></li>
                    <li id="td21"></li>
                    <li id="td22"></li>
                    <li id="td23"></li>
                    <li id="td24"></li>
                    <li id="td25"></li>
                    <li id="td26"></li>
                    <li id="td27"></li>
                    <li id="td28"></li>
                    <li id="td29"></li>
                    <li id="td30"></li>
                    <li id="td31"></li>
                    <li id="td32"></li>
                    <li id="td33"></li>


                </ol>
            </div>

右侧代码（问题数）：

<%List<Pagesize> pagesize = (List<Pagesize>) request.getAttribute("page"); %>


<%--<nav aria-label="Page navigation">
    <ul id="paginationIda"  class="pagination">

        <%for (Pagesize pp : pagesize) {%>

        <li style="margin-left:25px;font-weight: bolder;"> <a href="javascript: getquestionlist('<%=pp.getPageNo()%>')"><%=pp.getPageNo()%></a></li>

        <%}%>

    </ul>
</nav>--%>


       <h4 style="font-weight: bolder; color: #ff0000;text-align: center;">Click on buttons to change questions</h4>

<ul id="paginationIda"  class="pagination">

        <%for (Pagesize pp : pagesize) {%>

        <li >  <button type="button" class="btn btn-default" onclick="javascript: getquestionlist('<%=pp.getPageNo()%>')"><%=pp.getPageNo()%></button></li>


        <%}%>

    </ul>

用户的网页：

html li tag id generator with java for loop

0 个答案: