表的第一个td的jQuery克隆/复制样式属性到另一个表的第一个td

Question

我有两张桌子。即table-1和table-2...

首先，<td> of table-1具有动态设置的样式属性。

如何从table-1的第一个td中克隆/复制所有样式属性并应用于第一个td的table-2？

在线演示

请参考下面的截图.

​

​

<h2>Table - 1</h2>
<table class="table table-bordered" id="table-1">
  <tr>
    <td style="background:#ccc;font-weight:bold;text-align:center;color:red;">T1 - R1 - Column 01</td>
    <td>T1 - R1 - Column 02</td>
    <td>T1 - R1 - Column 03</td>
    <td>T1 - R1 - Column 04</td>
  </tr>
</table>

<h2>Table - 2</h2>
<table class="table table-bordered" id="table-2">
  <tr>
    <td>T2 - R1 - Column 01</td>
    <td>T2 - R1 - Column 02</td>
    <td>T2 - R1 - Column 03</td>
    <td>T2 - R1 - Column 04</td>
  </tr>
</table>

jQuery

var x = $('#table-1 tr td:first').clone().attr('style', '');
$('#table-2 tr td:first').attr('style', x)

Answer 1

就像这个CodePen

JS:

var x = $('#table-1 tr td:first').clone().attr('style');
$('#table-2 tr td:first').attr('style', x)

.attr('foo')将获取foo属性的值，而.attr('foo', 'bar');将将值bar设置为属性foo

Answer 2

问题：

将克隆元素的所有样式设置为''。这意味着所有的风格都被删除了。在加法中，要获得样式元素，必须使用.attr('attributeName')。

var x = $('#table-1 tr td:first').clone().attr('style');
$('#table-2 tr td:first').attr('style', x);

科德芬

Answer 3

$('#table-2 tr:first td:first').attr('style', $('#table-1 tr:first td:first').attr('style'))

以上将接受#table-1第一行中第一个单元格的样式属性，并将其应用于table-2第一行中的第一个单元格。