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

我有两张桌子。。即

表1

和

表2

表1的第一个

具有动态设置的样式属性

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

请参考下面的屏幕截图了解解释

HTML

<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>

---

问题：

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

将克隆元素的所有样式设置为

'

。这意味着所有样式都被删除。此外，要获得元素的样式，必须使用

---

问题：

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

将克隆元素的所有样式设置为

'

。这意味着所有样式都被删除。此外，要获得元素的样式，必须使用

就像这样

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'）

将设置属性

foo

的值

bar

，如下所示

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

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'）将设置属性
foo

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

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

上面将采用
#table-1
第一行中第一个单元格的style属性，并将其应用于
table-2
第一行中的第一个单元格。您应该努力在CSS类中设置样式，而不是在标记中硬编码。这样就更容易“复制”样式或只设置一个合适的选择器。你应该努力在CSS类中设置样式，而不是在标记中硬编码。这样就更容易“复制”样式或设置适当的选择器。@Mi Creative，谢谢您纠正我的错误。。。它正在发挥作用expected@Mi-创造力，谢谢你纠正我。。。它正在发挥作用expected@alireza萨菲安是的。。。我刚才才意识到这个问题。。谢谢你纠正我…@alireza safian是的。。。我刚才才意识到这个问题。。谢谢你纠正我。。。