jQuery选择并应用样式

Question

我有一张包含大量td单元格的表格。每个单元格内部可能有一个或多个div。我需要采用第一个内部div的内联样式和将其转换为父td的样式。

如何在jQuery中完成？

Answer 1

这很简单：

$('td div').each(function() {
  $(this).closest('td').attr('style', $(this).attr('style'));
});

Answer 2

$('td').find('div:first').each(function() {
   $(this).closest('td').attr('style', $(this).attr('style'));
})

Answer 3

仅应用第一个div样式：

$('td div:first-child').each(function(){
    $(this).parent('td').attr('style', $(this).attr('style'));
});

Answer 4

我猜你想要获得计算样式而不是div元素的显式样式参数。试图在StackOverflow中找到答案的问题很少

1. jQuery CSS plugin that returns computed style of element to pseudo clone that element?
2. How can I programmatically copy all of the style attributes from one DOM element to another

解决方案提供了两种处理方法：创建要复制的样式属性列表，并使用parentTd.css(property, childDiv.css(property))对其进行迭代，或使用浏览器提供的computedStyle。不幸的是，Internet Explorer不支持后者，需要一种解决方法。