在jQuery中添加属性（不要覆盖）

Question

如何在jQuery中的特定HTML标签中添加属性？（我不想覆盖）

我在HTML中使用它：

<td style="width: 30%">Hello</td>

风格=＆＃34;宽度：30％＆＃34;很重要

现在我使用函数（）并添加attr：

$(cell_above_old).attr('style', 'vertical-align : middle;text-align:center;');

但是这种风格被覆盖了：

<td style="vertical-align : middle;text-align:center;">

我想要的是将线条添加到现有的样式中。

<td style="width:30%;vertical-align : middle;text-align:center;">

有一些功能吗？例如：

$().attr('addStyle','styles');

Answer 1

$(cell_above_old).attr('style', 'vertical-align : middle;text-align:center;');

即设置整个属性值。改为改变css

$(cell_above_old).css({
    'verticalAlign': 'middle',
    'textAlign': 'center'
});

这将改变样式中的css属性，剩下的就是其余部分了。

Answer 2

这类事情最好用课程来完成。根据需要添加/删除具有该样式的类（通过addClass，removeClass和/或toggleClass）。

但如果您想使用内联样式，请使用css，而不是attr：

$(cell_above_old).css({
    verticalAlign: 'middle',
    textAlign: 'center'
});