2、将el表达式list遍历的的数值,传递到jquery的click函数里面,实现删除
2016-04-13 20:11
417 查看
1、实现思路
1、利用class属性,便于选择所有的图书,以便于删除的操作.这里用到的class为delete
2、自己定义的valueid属性,保存到了${book.id的数值,然后在jquery的click()函数里面,利用jquery的选择器,去获取这个数值。
2、jquery的代码
3、页面的html代码
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"); <strong><span style="color:#ff0000;"> /* 获取自定义的valueid属性的数值,达到传参数的目的 */</span></strong> 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><a href="${pageContext.request.contextPath }/images/${book.image }">查看图片</a> </td> <td><a <strong><span style="color:#ff0000;">class="delete"</span></strong> href="javascript:void()" valueid="${book.id}">删除</a></td> <strong><span style="color:#ff0000;"> <!-- 实现的关键在于,自己定义的valueid属性,保存到了${book.id的数值,以便于jquery函数的获取} --></span></strong> </tr> </c:forEach> </table>
相关文章推荐
- 史上最全ajax(原生JS,javascript版,非jquery)详细注释!
- jquery请求servlet实现ajax异步请求
- 基于RequireJS和JQuery的模块化编程——常见问题解析
- jquery中(function($){...})(jQuery)
- PHP+jQuery+Ajax单(多)图片上传
- jQuery
- PHP+Jquery+Mysql 实现登录页面
- JQuery
- jquery格式化时间
- highcharts jquery实时更新
- jquery例子
- jquery实现通用结构折叠面板效果
- jQuery复习
- 每天学点JQuery(4)—动画
- jQuery操作属性和样式详解
- jquery跟随屏幕滚动效果的实现代码
- JQuery对象与javascript对象的转换
- jQuery Validate 教程
- Jquery取值中 javascript相关计算bug
- jquery validate 自定义验证方法