您的位置:首页 > Web前端 > JQuery

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的代码

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: