0

私は私と一緒にテーブルを持っています:

<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

4 に答える 4

1
$("span").each(function(){
         $(this).parent().attr("style", 
         $(this).attr("style"));
    });
于 2012-12-14T12:18:53.400 に答える
1
   $("span").each(function(){
         $(this).parent().attr("style", $(this).attr("style"));
    });

デモ

于 2012-12-14T12:12:02.180 に答える
1

メソッドを使用できますattr

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

http://jsfiddle.net/V5FuF/

于 2012-12-14T12:12:33.570 に答える
1
$("span").each( function() {
var color = $(this).attr("style");
$(this).parent("td").attr("style", function() {
return color;
}
});

http://jsfiddle.net/ns9rh/

于 2012-12-14T12:13:01.890 に答える