jquery - 使用 jquery 将相同的样式应用于外部标签

Question

我和我有一张桌子：

<table> 
   <tbody>
     <tr>
         <td>
              <span style="background-color:red;color:white">One</span>
         </td>
         <td>
              <span style="background-color:green;font-size:10px">One</span>             
         </td>
         <td>
              <span style="background-color:blue">One</span>             
         </td>
    </tr>
  </tbody>
</table>

我想将相同的样式应用<span>到外部<td>。我是 jquery 的新手。如何使用 jquery 实现这一点？
这样决赛桌就变成了：

<td style="background-color:red;color:white">
      <span style="background-color:red;color:white">One</span>
</td>
<td style="background-color:green;font-size:10px">
       <span style="background-color:green;font-size:10px">One</span>             
</td>

Answer 1

   $("span").each(function(){
         $(this).parent().attr("style", $(this).attr("style"));
    });

演示

Answer 2

您可以使用attr方法：

$('td').attr('style', function(){
   return $('span', this).attr('style')
})

http://jsfiddle.net/V5FuF/

Answer 3

$("span").each( function() {
var color = $(this).attr("style");
$(this).parent("td").attr("style", function() {
return color;
}
});

http://jsfiddle.net/ns9rh/

Answer 4

$("span").each(function(){
         $(this).parent().attr("style", 
         $(this).attr("style"));
    });