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

Question

<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

创建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>

设置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');
});
});

观察效果

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());