<span style="font-size:18px;"><s:iterator value="#request.adif" var="adm" status="stat">
<tr id="adf${adm.id}">
<td><span class="label label-info"><s:property value="#stat.index+1"></s:property></span></td>
<td class="test"><s:property value="adminName"></s:property></td>
<td><s:property value="name"></s:property></td>
<td><s:property value="tel"></s:property></td>
<td><s:property value="email"></s:property></td>
<td><s:property value="lastLoginIP"></s:property></td>
<td><s:property value="lastLoginTime"></s:property></td>
<td><s:property value="loginCount"></s:property>次</td>
<td></td>
<td><button class="btn" data-toggle="modal" data-target="#modifyuser" οnclick="usermodify(${adm.id})">修改</button></td>
</tr></span>
以上是jsp页面部分 通过迭代显示了 一个表格
以下是对应的jquery 代码 ,通过jsp页面click方法传递一个区别当前对象的id 到js页面 根据此找到相应的 tr标签 根据eq的值找到对应的td td.html()会直接得到中间的内容
最后赋值给新的标签
<span style="font-size:18px;">//将行内容放入到编辑框里面
function usermodify(id){
var adminName=$("#adf"+id+" td").eq(1);
var name=$("#adf"+id+" td").eq(2);
var tel=$("#adf"+id+" td").eq(3);
var email=$("#adf"+id+" td").eq(4);
var adminNameval=adminName.html();
var nameval=name.html();
var telval=tel.html();
var emailval=email.html();
$("#modifyAdminName").attr("value",adminNameval);
$("#modifyname").attr("value",nameval);
$("#modifytel").attr("value",telval);
$("#modifyemail").attr("value",emailval);
}
</span>