jQuery中心特定的表列

时间:2013-09-04 13:29:52

标签: jquery html-table center styling

我有许多遗留代码需要调整,但没有时间进行完全修改。

如果没有idnameclass,可以让jQuery'居中'表格列的内容。

<table>
  <tr><td>Text</td><td>Col2</td><td>Col3</td></tr>
  <tr><td>Text</td><td>Col2</td><td>Col3</td></tr>
  <tr><td>Text</td><td>Col2</td><td>Col3</td></tr>
</table>

我想知道的是,是否可以将第2列和第3列的内容集中在一起,例如父/子,但我不确定是否可能。

我可以去重新编码所有表格(在.php页面上进行硬编码),但这需要几个小时!

2 个答案:

答案 0 :(得分:1)

试试这个:

$('tr').each(function() {
  var tds = $(this).find('td');
  var len = tds.length;
  for (var i = 1; i < len; i++) {
    $(tds[i]).css('text-align', 'center');
  }
});

答案 1 :(得分:0)

怎么样:

var row = 1;//row number
var column = 1;//column number
$('table tr:nth-child(' + row + ') td:nth-child(' + column + ')').css('text-align', 'center');