Jsp 组合多个相同的迭代以呈现同一列表的多个div

我想对列表进行一次迭代，并呈现多个不同的html元素。在我当前的实现中，我必须多次迭代同一个列表以呈现多个元素：

<%@ tag body-content="empty" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div class="hidden-sm hidden-xs">
    <h3>For large screen size</h3>
    <div id="tabs" class="list-group">
        <c:forEach var="myListItem" items="${myList}" varStatus="status">
            <a id="myListItemNo${status.index}"
                class="list-group-item ${status.first ? 'active' : 'inactive'}">${myListItem.data}</a>
        </c:forEach>
    </div>
</div>

<div class="hidden-md hidden-lg">
    <h3>For small screen size</h3>
    <div class="myListItem-custom">
        <select id="myListItemOptions" name="myListItemOptions" class="form-control">
            <c:forEach var="myListItem" items="${myList}" varStatus="status">
                <option value="myListItemNo${status.index}"
                    ${status.first ? 'selected' : ''}>${myListItem.data}</option>
            </c:forEach>
        </select>
    </div>
</div>
<div id="tab-content" class="tab-content">
    <c:forEach var="myListItem" items="${myList}" varStatus="status">
        <div class="tab-pane ${status.first ? 'active' : ''}" 
            id="myListItemNo${status.index}Content">
            <h3>${myListItem.dataDetail}</h3>
        </div>
    </c:forEach>
</div>

对于大屏幕尺寸
${myListItem.data}
适用于小屏幕尺寸
${myListItem.data}
${myListItem.dataDetail}

---

我不能使用多个类似的

或

来检查第一个和最后一个列表元素，因为它们是互斥的。

在每次迭代中只使用一个循环并将所有html附加到某个变量中，然后最终将该变量打印到html代码中如何？只使用一个循环并将所有html附加到列表元素中如何在每次迭代中使用一些变量，然后最终在html代码中打印该变量？