js遍历复杂表格

JavaScript016

js遍历复杂表格,第1张

jQuery:

var data = new Array()

$("table td").each(function() {

if ($(this).attr("rowspan") &&$(this).attr("colspan")) {

data.push($(this).text())

}

})

alert(data)

js:

var data = new Array()

var table = document.getElementsByTagName("table")[0]

var td = table.getElementsByTagName("td")

for (var i = 0i <td.lengthi++) {

if (td[i].getAttribute("rowspan") &&td[i].getAttribute("colspan")) {

data.push(td[i].innerHTML)

}

alert(data)

jquery和js的方法我都写了，在网吧写的，没有编辑器，不好测试，你试试看

}

只能大概告诉你JavaScript操作表格的方法:

1) 获得表格对象

var tb = document.getElementById(idOfTable) // idOfTable为表格元素的ID, 也可以用document.createElement动态创建, 然后调用document.body.appendChild方法添加到页面上

2) 向表格中添加行

var row = tb.insertRow(rowIdx) // rowIdx是新增的行在表格中的位置索引, 从0开始

3) 向行中添加单元格

var cell = row.insertCell(cellIdx)// cellIdx是新增单元格在行中的位置索引, 从0开始

使用以上方法就可以添加表格中的行与单元格, 如果要跨行或跨列则分别使用单元格对象rowSpan和cellSpan属性控制即可.

2013/8/23, 把你的代码发来, 我试试看[email protected] .

<table border="1">

    

</table>

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>

<script type="text/javascript">

var arr = [1,2,3]

for(var i=1i<=arr.lengthi++){

if(i==arr[0]){

$("table").append("<tr><td rowspan='6'>1</td><td rowspan='2'>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>3</td><td>4</td><td>5</td><td>6</td></tr>")

}else if(i==arr[1]||i==arr[2]){

$("table").append('<tr><td rowspan="2">2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>3</td><td>4</td><td>5</td><td>6</td></tr>')

}

}

</script>