通過jsp中的div循環通過div

Question

我試圖尋找如何做到這一點，但無法得到我需要的東西。我有一個數據庫，我想要一個div顯示其內容。我能夠通過一張桌子展示它，並且每次都是這樣。

<c:forEach items="${listArtists}" var="artist"> 
      <tr> 
      <td style= "height: 300px; width: 200px"> <img style="height: 100%; width:100%" src="/img/artistphotos/${artist.photo}" alt="" /> </td> 
       <td>${artist.artistName}</td> 
       <td>${artist.age}</td> 
</c:forEach> 

現在我想在這個div中顯示下面的數據，而不是在表中創建另一行，它會創建另一個使用此格式的下一個div。

<div class="col-md-4 col-sm-6 portfolio-item"> 
       <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"> 
        <div class="portfolio-hover"> 
         <div class="portfolio-hover-content"> 
          <i class="fa fa-plus fa-3x"></i> 
         </div> 
        </div> 
        <img src="/img/artistphotos/${artist.photo}" class="img-responsive" alt=""> 
       </a> 
       <div class="portfolio-caption"> 
        <h4>${artist.artistName}</h4> 
        <p class="text-muted">${artist.age}</p> 
       </div> 
      </div> 

希望得到幫助和指導。謝謝:)

Answer 1

爲什麼不簡單地採取相同的循環，並用您的div替換tr？

<c:forEach items="${listArtists}" var="artist"> 
    <div class="col-md-4 col-sm-6 portfolio-item"> 
     <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"> 
      <div class="portfolio-hover"> 
       <div class="portfolio-hover-content"> 
        <i class="fa fa-plus fa-3x"></i> 
       </div> 
      </div> 
      <img src="/img/artistphotos/${artist.photo}" class="img-responsive" alt=""> 
     </a> 
     <div class="portfolio-caption"> 
      <h4>${artist.artistName}</h4> 
      <p class="text-muted">${artist.age}</p> 
     </div> 
    </div> 
</c:forEach>