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

Question

我有一张 table :

<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 实现此目的？
这样决赛 table 就变成了:

<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

你可以使用attr方法:

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

http://jsfiddle.net/V5FuF/