将el表达式list遍历的的数值,传递到jquery的click函数里面,实现删除

来源：互联网发布：黛堡嘉莱价格淘宝编辑：程序博客网时间：2024/05/22 00:39

1、实现思路

1、利用class属性,便于选择所有的图书,以便于删除的操作.这里用到的class为delete

2、自己定义的valueid属性,保存到了${book.id的数值,然后在jquery的click()函数里面,利用jquery的选择器,去获取这个数值。

2、jquery的代码

<script type="text/javascript" src="../jquery/jquery-1.10.1.js"></script><script type="text/javascript">$(function() {$(".delete").click(function() {   var id = $(".delete").attr("valueid");   /* 获取自定义的valueid属性的数值,达到传参数的目的  */   if (confirm("您确定要删除吗？")) {window.location.href = "${pageContext.request.contextPath }/manager/BookServlet?method=delete&b="+ id;}});});</script>

3、页面的html代码

<table frame="border" cellspacing="0px" width="90%" border="1px"  style="border-collapse:collapse"><caption><h2>图书信息</h2></caption><tr><td>书名</td><td>作者</td><td>描述</td><td>图片</td><td>操作</td></tr><c:forEach var="book" items="${list}"><tr><td>${book.name }</td><td>${book.author }</td><td>${book.description }</td><td><ahref="${pageContext.request.contextPath }/images/${book.image }">查看图片</a></td><td><a class="delete" href="javascript:void()" valueid="${book.id}">删除</a></td>                                      <!-- 实现的关键在于,自己定义的valueid属性,保存到了${book.id的数值,以便于jquery函数的获取} --></tr></c:forEach></table>

1 0