中怎么实现点击按钮下滑显示出其传入的信息

阿Giao 2017-12-05 02:39:33
即如图显示效果
大概是查看私信的一个小功能,用servlet把数据库里面所有私信取出来,用 request.setAttribute("Letters", letters);
request.getRequestDispatcher("PrivateLetter.jsp").forward(request, response);传到jsp页面,然后jsp页面用c:forEach显示.
代码如下:

<c:forEach var="letter" items="${Letters}">
发件人:<c:out value="${letter.senderName}"></c:out><button>查看</button>
<div style="display:none"><c:out value="${letter.info}"></c:out></div><br>
</c:forEach>


想法是取button的id然后点击时,就将div 滑出来。但是实际写代码时,发现用c:forEach的话,button和div的id取不了名。。
根本无从下手,希望大神们指点两下啊啊啊a
...全文
146 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
阿Giao 2017-12-05
  • 打赏
  • 举报
回复
感谢2L !!看来学的还是太不牢固了
天际的海浪 2017-12-05
  • 打赏
  • 举报
回复

<c:forEach var="letter" items="${Letters}">
	发件人:<c:out value="${letter.senderName}"></c:out><button type="button" class="butt">查看</button>
	<div style="display:none"><c:out value="${letter.info}"></c:out></div><br>  
</c:forEach>
<script type="text/javascript">
$(function(){
	$(".butt").click(function(event){
		$(this).next().slideToggle(300);
	});
});
</script>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧