页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据相关的知识,希望对你有一定的参考价值。
最好是用JQuery写的,并且每行多几个 <td>
<table id="tbitem"><tr><td>测试数据1</td></tr>
<tr><td>测试数据2</td></tr>
<tr><td>测试数据3</td></tr>
<tr><td>测试数据4</td></tr>
<tr><td>测试数据5</td></tr>
<tr><td>测试数据6</td></tr>
</table>
<script type="text/javascript">
var table = document.getElementById("tbitem");
var td = table.getElementsByTagName("td");
var len = td.length;
for(i=0;i<len;i++)
alert(td[i].innerhtml);
</script> 参考技术A jquery 版的
$(document).ready(function()
var st1r="";
$("td").each(function() st1r+=$(this).html()+",";alert( st1r))
);
这个是通过判断里面是否有td ,如果有td,都提取里面的值。 参考技术B <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>untitle</title>
<script>
window.onload=function()
var b=document.getElementsByTagName('td').length;
for(var i=1;i<=b;i++)
var a=document.getElementById('a'+i);
alert(a.innerHTML);
</script>
</head>
<body>
<table>
<tr>
<td id="a1">aa</td>
<td id="a2">bb</td>
<td id="a3">cc</td>
</tr>
</table>
</body>
</html>
方法是很多~ 不知道要什么样的
如何用图像制作表格,在wordpress中响应
【中文标题】如何用图像制作表格,在wordpress中响应【英文标题】:How to make tables with images, responsive in wordpress 【发布时间】:2015-09-28 16:22:07 【问题描述】:我正在尝试在我的 wordpress 博客中添加一个包含几行的简单表格,每个表格有 3 列。
<table>
<tbody>
<tr>
<td><img src="http://www.alidimare.net/images/loveIs/01.jpg" /></td>
<td><img src="http://www.alidimare.net/images/loveIs/07.jpg" /></td>
<td><img src="http://www.alidimare.net/images/loveIs/02.jpg" /></td>
</tr>
我尝试使用 Magic-liquidizer-responsive 和 tablepress-responsive 插件使其具有响应性。结果不正确,因为即使表格进入一列,图像尺寸仍然非常小。
请告诉我如何解决此问题。
【问题讨论】:
任何小提琴之类的,以便我们可以看到问题所在? 这是我的帖子,我无法回复zeeshanrang.me/digest/love-is-part-1@dingo_d 【参考方案1】:您需要验证是否加载了任何其他 css 文件(您的主题)覆盖您的图像 css,只需检查并验证..您可能需要制作一些自定义 css .. 您可以尝试添加“!important;”
table td img
width: 100% !important;
【讨论】:
【参考方案2】:您需要图像占用 100% 的容器 (td),以便添加
img
width: 100%
有了这张桌子就会适应宽度
【讨论】:
以上是关于页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据的主要内容,如果未能解决你的问题,请参考以下文章