Question

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

<table>
<tr>
<td id="test">
</td>
</tr
</table>
请问怎么把年份赋值给test？用$("#test").innerHTML = now.getFullYear();根本不行。

Answer 1

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

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

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

1. 创建Html元素

   <div class="box">
   	<span>实例演示设置单元格的内容：</span><br>
   	<div class="content">
   	    <table>
   	        <tr><td>1</td><td>2</td><td>3</td></tr>
   	        <tr><td>4</td><td>5</td><td>6</td></tr>
   	        <tr><td>7</td><td>8</td><td>9</td></tr>
   	    </table>
   	</div>
   	<input type="button" value="将第2行第2列设置为0">
   </div>

2. 设置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;}

3. 编写jquery代码

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

4. 观察效果

   

Answer 2

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

追问

var now = new Date();
$("#text div").text(now.getFullYear());

我是这样写的(部分代码省略)，还是不行。我的jquery是2.0.3版的

追答

那你直接给div加id赋值吧，这样肯定是没问题的；

Answer 3

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

Answer 4

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

Answer 5

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