Question

我的数据库中有一些数据。我将获取数据并将使用计数。现在我必须在div中逐个显示这些数据。所以会有第一个数据和下一个按钮。当我点击＆＃39; next＆＃39;按钮，第二个数据获取显示等等，直到结束。最后，下一个按钮消失，另一个按钮出现。

PLS注意：我使用python flask作为后端

怎么做???

     <button type="button" class="btn btn-primary m-b-10 m-l-5" onclick="nextpart()" style="display:inline">Next ></button>
<div class="form-left-w3l" id="welcomeDiv1">
            <h6>Data : {{ id }}</h6>
        </div>
<div id="welcomeDiv2">
</div>

JS：

function nextpart() {
               document.getElementById('welcomeDiv1').style.display = "none";
               document.getElementById('welcomeDiv2').style.display = "block";
               }

Answer 1

将数据保存在数组中。使用for循环创建所有div s。全部制作style="display:none"。

然后.show()第一个，并为其添加类active。

将下一个按钮挂钩到一个函数：.hide() active div并从中删除active类。 .show()该div的下一个兄弟，并添加active类。

对Prev-Button使用相同的逻辑。

如何根据从数据库中提取的项目数单击每个按钮后动态显示div？

1 个答案: