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

怎么用jquery给HTML的表格赋值?,第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:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

.red{color:red}

table{border-collapse:collapse}

td{width:30pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green}

编写jquery代码

$(function(){ 

$("input:button").click(function() {

$("table tr").eq(1).find("td").eq(1).addClass('red').html('0')

})

})

观察效果

是可以用向量的,把下面的中括号改成大括号就行了

b(:,2)=['<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2cell(a),

'</table></html>']

即b(:,2)={'<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2cell(a),

'</table></html>'}

解释:用大括号表示元胞,中括号表示数组

数组只能给一个元胞赋值,如b{i,1}=)=['<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2str(a(i),'10.4d%'),'</table></html>']

引用单个元胞时时大括号b{i,1},引用一列元胞时时小括号b(:,1)

赋值过程出现

b{1,1}=['<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2str(a(i),'10.4d%'),'</table></html>']

的意思是把这样一个数组放到元胞的一个位置

而b(:,1)={'<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2str(a(i),'10.4d%'),'</table></html>'}

是把元胞里的三个数分别赋值到b里面的三个原版。

当然也可以这么写b{1,1}={'<html><table><tr><td

width=1500

bgcolor=

#FF5151

align=center

>',num2str(a(i),'10.4d%'),'</table></html>'}

是把三个元胞够成的元胞放到b里面的一个元胞里面。

元胞可以嵌套。说了这么多就是区分大中小括号表示元胞数组还是引用向量,不知道懂了么,有点乱。呵呵。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7105705.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存