我和我有桌子:
<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>
答案 0 :(得分:1)
$("span").each(function(){
$(this).parent().attr("style", $(this).attr("style"));
});
答案 1 :(得分:1)
您可以使用attr
方法:
$('td').attr('style', function(){
return $('span', this).attr('style')
})
答案 2 :(得分:1)
$("span").each( function() {
var color = $(this).attr("style");
$(this).parent("td").attr("style", function() {
return color;
}
});
答案 3 :(得分:1)
$("span").each(function(){
$(this).parent().attr("style",
$(this).attr("style"));
});