如何一次只产生x个HTML元素

Question

所以我有一个带有数据库的ASP.NET页面。 在这个数据库中，我有100个虚拟用户。

我想一次生成两个html元素（<div/>），以便它不会填满html文档。

这是我到目前为止所拥有的

@for (int i = 0; i < Model.UserList.Count; i += 2)
            {
                var displayUsers = Model.UserList.Skip(i).Take(2);

                foreach (var user in displayUsers)
                {
                    <div class="card-item"></div>
                }

            }

如您所见，它一次生成两个，但是没有什么可以阻止它。 这将继续生成那些<div/>标签，直到它位于列表的末尾。 我希望能够有一个简单的按钮，单击该按钮可以在单击时删除一个按钮，然后在再次单击时再删除一个按钮，一旦按钮消失，它将从列表中获取下两个按钮。

但是我不知道该怎么做，创建一个按钮来删除该元素，然后有某种标志，说可以带入下两个标志。

我应该使用什么方法来解决这个问题？

Answer 1

您必须为此使用JS。剃刀在服务器上执行。