怎么用jquery给HTML的表格赋值？

2024-11-14 17:28:36

推荐回答（5个）

回答1：

包括获取给定位置的单元格和为其赋值两个方面，核心代码为

$("table tr").eq(m).find("td").eq(n).html(something);  // 将表格第m+1行第n+1列的内容设置为something

实例演示：将第2行第2列的单元格的内容设置为0

创建Html元素


	实例演示设置单元格的内容：

	
	    
	        
	        
	        
	    1 2 3
4 5 6
7 8 9

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
.red{color:red;}
table{border-collapse:collapse;}
td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

$(function(){ 
	$("input:button").click(function() {
		$("table tr").eq(1).find("td").eq(1).addClass('red').html('0');
	});
});

观察效果

回答2：

一般直接给td赋值可能会有浏览器兼容问题，最好在td里面套一个div，给div赋值比较好；
然后$(“#test div”).html(now.getFullYear())

回答3：

首先在该页面引入jquery的js文件。然后才能用
$(“#test”).html("你要加的内容")

回答4：

$("#test").text("内容");

回答5：

试试$("#test").innerHTML.append(now.getFullYear());