js 点击表格行获取td内容并复制

js 点击表格行获取td内容并复制,第1张

要获取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标签中的文本...在线等到[高分求问]等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9340245.html

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

发表评论

登录后才能评论

评论列表(0条)

保存