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

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

2010-11-08 10:11 302 查看

<%@ 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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航