Question

如何用jquery

替换属性和设置值

旧的HTML

<div class="container">
<table>
<tr>
    <td width="106" valign="top" style="background: red">
          <p align="center">text</p> 
    </td>
</tr>
</table>
</div>

新HTML

<div class="container">
<table>
<tr>
    <td style="width:106px; background: red;">
          <p style="text-align:center;">text</p> 
    </td>
</tr>
</table>
</div>

提前谢谢

Answer 1

您可以简单地使用getAttribute（）函数来检索属性的值。所以，我将以<td width="106" valign="top" style="background: red">为例：

var style = 'width:' + $('#container td').getAttribute('width') + ';' + $('#container td').getAttribute('style');
$('#container td').attr('style', style);

将导致<td style="width:106px; background: red;">。但是，假设您的表中只有一个表格单元格。如果您有多个，则只需使用此概念将此方法应用于表中的每个单元格。

Answer 2

You can replace the attributes and set the value for it using jquery :

HTML代码：

为要设置属性值的标记提供一些类名

<div class="container">
<table>
<tr>
    <td class ="table-cell">
      <p class = "text">text</p> 
    </td>
</tr>
</table>
</div>

jquery代码：

使用类似这样的类名（table-cell）时，它应该转换为Camel大小写（tableCell）

$(function(){
     $(".tableCell").style.width = "106px";
     $(".tableCell").style.backgroundColor = "red";
     $(".text").style.textAlign = "center";
});

用jquery替换属性无效的html5

2 个答案: