jquery如何遍历获取table中某个td的属性？

bl_song 2011-12-08 09:30:13

如一个表格
<table>
<tr>
<TD abbr=Version align=left>
<DIV style="TEXT-ALIGN: left; WIDTH: 50px">V1.0</DIV></TD>
<TD abbr=FileType align=left>
<DIV style="TEXT-ALIGN: left; WIDTH: 60px">.txt</DIV></TD>
<TD abbr=FileSize align=left>
<DIV style="TEXT-ALIGN: left; WIDTH: 60px">2,304.05</DIV></TD>
</tr>
</table>

如何获取一行中每个td的abbr,最终获取到所有的abbr.
如
var arr="Version,FileType,FileSize";

...全文

2217 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wochuailimin 2011-12-08

打赏
举报

$(function(){
$('td').each(function(){
alert($(this).attr('abbr'));

});
});

黑色的熊猫 2011-12-08

打赏
举报

表格取个ID保险

bl_song 2011-12-08

打赏
举报

谢谢
MuBeiBei
ootwo

MuBeiBei 2011-12-08

打赏
举报

[Quote=引用 3 楼 bl_song 的回复:]

补充一下，最终得到所有td的abbr和它里面的值
[/Quote]

<!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>无标题文档</title>

<script src="http://www.liuxiaofan.com/demo/js/jquery-1.6.4.min.js" type="text/javascript"></script>



</head>



<body>

	<table>

    <tr>

    <TD abbr=Version align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 50px">V1.0</DIV></TD>

    <TD abbr=FileType align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 60px">.txt</DIV></TD>

    <TD abbr=FileSize align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 60px">2,304.05</DIV></TD>

    </tr>

    </table>

    <script>

		var tds = [],abbr = [];

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

			tds.push($(this));

			abbr.push($(this).attr('abbr'));

		})

		alert(tds);

		alert(abbr);

    </script>

</body>

</html>

bl_song 2011-12-08

打赏
举报

补充一下，最终得到所有td的abbr和它里面的值

MuBeiBei 2011-12-08

打赏
举报

<!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>无标题文档</title>

<script src="http://www.liuxiaofan.com/demo/js/jquery-1.6.4.min.js" type="text/javascript"></script>



</head>



<body>

	<table>

    <tr>

    <TD abbr=Version align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 50px">V1.0</DIV></TD>

    <TD abbr=FileType align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 60px">.txt</DIV></TD>

    <TD abbr=FileSize align=left>

    <DIV style="TEXT-ALIGN: left; WIDTH: 60px">2,304.05</DIV></TD>

    </tr>

    </table>

    <script>

		var abbr = '';

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

			abbr += $(this).attr('abbr') + ',';

		})

		alert(abbr);

    </script>

</body>

</html>