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的方法我都写了,在网吧写的,没有编辑器,不好测试,你试试看
}
1.在页面div中创建一个空白表,可以根据需要对其进行定制。
2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。
3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。
4.获取表中的数据,以供下图参考。
5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。
JS动态操作表格2008年10月22日 星期三 下午 04:27
删除:<input type="button" name="del" value="删除" onclick="del(this)">
1、function del(o)
{
var t=document.getElementById('testTbl')
t.deleteRow(o.parentNode.parentNode.rowIndex)
}
2、 var table=document.getElementById("tableName")
var len=table.rows.length
if(len>1){
for(i=1i<leni++){
table.deleteRow(1)
}
}
添加:
1、function addRow(){
//添加行
var newTr = testTbl.insertRow()
//添加列
var newTd0 = newTr.insertCell()
var newTd1 = newTr.insertCell()
var newTd2 = newTr.insertCell()
var newTd3 = newTr.insertCell()
//设置列内容和属性
newTd0.innerText = document.all("a").options[document.all("a").selectedIndex].text
newTd1.innerText = document.all("b").value
newTd2.innerText = document.all("c").value
newTd3.innerHTML= '<input type="button" name="del" value="删除" onclick="del(this)">'
}
注意写法。
2、//先获取该表格的引用:
var Container = document.getElementById(TableId)
//然后创建行(TR对象)
var NewTr = document.createElement("tr")
//填充该表格行
var NewTd1 = document.createElement("td")
var NewTd2 = document.createElement("td")
......
NewTr.appendChild(NewTd1)
NewTr.appendChild(NewTd2)
添加到最后一个TR上:var LastTr = Container.rows[Container.rows.length - 1]
LastTr.parentNode.appendChild(NewTr)
通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除