jquery 取出所有table总行和总列数以及几行几列的值

来源:互联网 发布:mpc控制算法 编辑:程序博客网 时间:2024/05/21 10:53

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
<script >
$(document).ready(function(){
$("#test").click(function(){
$("<tr><td><input  name='gjhgj'/></td><td><input/></td><td><input id='3' name='3'/></td><td><input id='4' name='4'/></td><td><input id='5' name='5'/></td></tr>").appendTo($("#g"));
})
$("#test1").click(function(){

alert($("table tr").size());

if($("table tr").size()<2){

 alert("指定的行已经被删除!");
}
else{

$("table tr:last").remove();

}
})

$("#t").click(function(){

 var hang = $("#g").find("tr").length;
 
 var lie = $("#g").find("tr").find("td").length-1;
 

for(var i=1; i<hang; i++){

  for(var j=0; j<lie/(hang-1); j++){
 
 alert($("table tr:eq("+i+") td:eq("+j+") input").val());
 
  }
 
}

})

 


})
</script>
</head>
<body>
<table id="g">
<tr><td colspan="5" align="center">
<input id="test" type="button" value="增加"/>
<input id="test1" type="button" value="删除"/>
<input id="t" type="button" value="测试"/>
</td>
</tr>

</table>

</body>

 

原创粉丝点击