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

时间:2012-12-14 12:08:00

标签: jquery css

我和我有桌子:

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

4 个答案:

答案 0 :(得分:1)

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

DEMO

答案 1 :(得分:1)

您可以使用attr方法:

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

http://jsfiddle.net/V5FuF/

答案 2 :(得分:1)

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

http://jsfiddle.net/ns9rh/

答案 3 :(得分:1)

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