使用jQuery仅将表ID添加到父表

时间:2013-04-16 14:02:35

标签: javascript jquery

我有这个页面:

<html>
<head>
<body text="#000000" marginwidth="0" marginheight="0" bgcolor="#FFFFFF" onload="" topmargin="0" leftmargin="0">
<style type="text/css">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center" style="page-break-after:always;">
<table width="100%" cellspacing="0" cellpadding="0" align="center">
</body>
</html>

我需要为每个父表添加唯一ID。问题是,这些表中的每一个都有许多嵌套表。我只需要为每个显示的ID添加ID。我该怎么办?我试过了:

jQuery("table").each(function(count){
    var count = count + 1;
    jQuery(this).attr("id","table"+count+"");
});

但是这会为所有表添加唯一ID,甚至是嵌套的表。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

如果我理解得很清楚,你可以简单地定位父table元素(即body的直接后代),如下所示:

$('body > table').each(function(i) {
    $(this).prop('id', 'table'+(i + 1));
});

答案 1 :(得分:0)

jQuery("body > table").each(function(count){
var count = count + 1;
jQuery(this).attr("id","table"+count+"");
});

这将选择身体的直接孩子(桌子),它应该适合你,我相信