在网站或OA系统中，我们经常需要通过页面列表点击某行查看详细信息：
1.js代码:
1 $(function(){ 2 $.each($("#listtable tr:gt(1)"),function(index,o){ //gt()下标从0开始，表示从大于1的行开始 3 var outId = $(o).attr("id"); 4 $(o).click(function(){ 5 var bodyWidth = window.screen.width-100; 6 var bodyHeight = window.screen.height-150; 7 var url = document.getElementById("url").value; 8 var style = "status=no,maximize=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,top=15,left=50, resizable=yes,height="+bo
dyHeight+",width="+bodyWidth; 9 window.open('yzArchivesOut.action?oper=showDetail&outId='+outId+"&url="+url,'newwindow',style); 10 }); 11 }); 12 });
2.jsp代码:
<body> <table id="listtable" > <tr></tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <c:forEach items="" var="" varStatus=""> <tr id=""> <td></td> <td></td> <td></td> <td></td> </tr> </c:forEach> </table> </body>