分组手风琴元素html的内容答案

【问题标题】：Group the content of accordion elements html分组手风琴元素html的内容
【发布时间】：2021-08-18 02:00:56
【问题描述】：

我正在开发一个网站，其中一部分是一个从数据库接收数据的 jsp。该数据以手风琴形式呈现。问题是第一个值是重复的，因此您必须将第一个值分组为手风琴按钮，将第二个值分组为内容。

我有一个从 servlet 接收对象列表的 jsp。

手风琴的按钮是重复的，手风琴的内容是

number 1
number 2
number 3
letter a
letter b
letter C
word hello

手风琴是

>number
     1
     2
     3
>letter
     a
     b
     c
>word
     Hello

到目前为止，我的代码是

    <c:forEach items = "${datas}" var = "data">

        <button class = "accordion"> ${data.getData()} </button>

        <c:forEach items = "${datas}" var = "dataint">
            <c:if test = "${data.getData() eq dataint.getData()}">

                <div class = "panel">
                    <p> ${dataint.getFin()} </p>
                </div>

            </c:if>

        </c:forEach>

    </c:forEach>

手风琴和数据显示工作正常，但我需要将重复的第一个元素和内容作为手风琴的按钮。

我想要得到什么：

我得到了什么：

【问题讨论】：

您好，您能详细说明一下吗？
@Swati 我用我遇到的问题的图像编辑问题

标签： html jsp accordion jquery-ui-accordion

【解决方案1】：

您可以在<c:forEach.. 循环之外设置一个变量并为其分配任何随机值。然后，在每个循环中，您可以检查current value 和变量值是否为not equal，然后只执行更多代码。

所以，您的代码将如下所示：

<c:set var="keys" value="somethings"/>
  <c:forEach items = "${datas}" var = "data">
    <c:if test="${keys ne data.getData()}">
        <c:set var="keys" value="${data.getData()}"/>
        <button class = "accordion"> ${data.getData()} </button>
            <div class = "panel">       
                <c:forEach items = "${datas}" var = "dataint">
                    <c:if test = "${data.getData() eq dataint.getData()}">
                        <p> ${dataint.getFin()} </p>
                    </c:if>
                </c:forEach>
            </div>
    </c:if>
 </c:forEach>

（我只是在这里展示逻辑。此代码未经测试..抱歉有任何语法错误）

【讨论】：