I have table with me as:\[code\]<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>\[/code\]I want to apply the same style present in \[code\]<span>\[/code\] to the outer \[code\]<td>\[/code\].I am new to jquery. How can I achieve this using jquery?
So that the final table will became:\[code\]<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>\[/code\]
So that the final table will became:\[code\]<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>\[/code\]