嗯..我的英语很短......抱歉!
如您所见,此代码从DB获取一些数据并构建一个表:
.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
切换相应的隐藏行。
我怎样才能做到这一点?
答案 0 :(得分:2)
我对您使用的服务器端语言非常不熟悉,因此可能无法按原样运行。
<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();
});
<强>演示强>