如何在單擊另一個表格時切換表格行

Question

嗯..我的英語很短....對不起！

此代碼，您認爲從數據庫獲取一些數據，並建立一個表：

.answer{display: none;} 

<c:forEach var="quest" items="${list }"> 
    <c:if test="${quest.qkind==1 }" var="1"> 
     <tr class="queset"> 
      <th >${quest.no }</th> 
      <td>${quest.question }</td> 
     </tr> 
     <tr class="answer ~~~~"> 
      <th></th> 
      <td span="cols=2">${quest.contents }</td> 
     </tr> 
    </c:if> 
</c:forEach> 

當我點擊與.queset類行，我想與.answer類切換對應的隱藏的行。

我該如何做到這一點？

Answer 1

我很不熟悉您使用的服務器端語言，因此可能無法按原樣運行。

<c:forEach var="quest" items="${list }"> 
    <c:if test="${quest.qkind==1 }" var="1"> 
     <tr class="queset" data-question="${quest.no }"> 
      <th >${quest.no }</th> 
      <td>${quest.question }</td> 
     </tr> 
     <tr class="answer" data-answer="${quest.no}"> 
      <th></th> 
      <td span="cols=2">${quest.contents }</td> 
     </tr> 
    </c:if> 
</c:forEach> 

jQuery的

$('.queset').click(function() { 
    $('tr[data-answer="'+$(this).data('question')+'"]').toggle(); 
}); 

演示

Check out a working demo (without server-sides scripting).