要获取tr内所有文本信息吧
$(function(){
for(var i = 0; i < $('tr')length-1; i++) {
$('tr')delegate("td","click",function(){
alert($(this)parent('tr')text());
})
}
})
js可以用td 对应的id获取该对象
举个例子来说:
<td id="td1"></td>
js:var td=documentgetElementById("td1");
可以用该对象赋予该td的style等属性
如果是要获得<td>苹果</td>里的"苹果"的话用下面的方法
我们把该值放到隐藏域里然后从js取得该值
<td>苹果<input type="hidden" name="pm1" id="pm1" value="苹果"></td>
js:var pm=documentgetElementById("pm1")value;
我想这就是你想要的:
<html>
<head>
<script language="javascript">
function $(taglib)
{return documentgetElementById(taglib);
}
function selectdata(tag)
{var tabobj=$("choose_data");
var trobj=tabobjrows[0];
var tdobj=trobjcells;
var bg="#00F";
var fg="#FFF";
for(i=0;i<tdobjlength;i++)
{var tmp=parseInt(tdobj[i]innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i]stylebackground=bg;
tdobj[i]stylecolor=fg;
}
else{
tdobj[i]stylebackground="#FFF";
tdobj[i]stylecolor="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>,<span onclick="selectdata('small')">小</span>,<span onclick="selectdata('odd')">单</span>,<span onclick="selectdata('even')">双</span>,<span onclick="selectdata('all')">全</span>,<span onclick="selectdata('none')">清</span>
</body>
</html>
js获取表格中每行的td元素方法:
<script>
var tb = documentgetElementById("tb"); //根据id找到这个表格
var rows = tbrows; //取得这个table下的所有行for(var i=0;i<rowslength;i++)//循环遍历所有的tr行
{
for(var j=0;j<rows[i]cellslength;j++)//取得第几行下面的td个数,再次循环遍历该行下面的td元素
{
var cell = rows[i]cells[j];//获取某行下面的某个td元素
alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cellinnerHTML);//cellinnerHTML获取元素里头的值
}
}
</script>
拓展使用jq几行命令就能实现获取td的值
$("#tb tr td")each(function(i, v){ //针对tb表格下的所有td进行遍历
alert("第"+(i + 1)+"格的数字是"+$(this)text());//返回当前td下的值
})
使用js提取的话,需要给td加上id标签。然后
var doc=documentgetElementById("id名");
alert(docinnerHTML); //就是提取出来的内容,然后过滤下多余的代码。
使用服务器脚本(asp,aspnet,php)的话更简单,
有2种方式,一种是正则查找,一种是循环截取。代码有些多就不写了,你可以去参考下小偷程序或者采集程序。
jquery 版的
$(document)ready(function(){
var st1r="";
$("td")each(function(){ st1r+=$(this)html()+",";alert( st1r)})
});
这个是通过判断里面是否有td ,如果有td,都提取里面的值。
以上就是关于js 点击表格行获取td内容并复制全部的内容,包括:js 点击表格行获取td内容并复制、js 或者 jq 获取 Table 里面每一个td 里面的值、js中如何获取td标签中的文本...在线等到[高分求问]等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)