如何删除父div而不删除继承的CSS特征？

这就是我要做的，如何删除父div而不删除继承的CSS特征？

<div id="table"> 
<div id="user"></div> 
<div id="user1"></div> 
</div>

当我点击一个按钮，出现这种情况

$("#body").append("<div id=\"user-wrap\"></div>"); 
$('#user').appendTo($('#user-wrap')); 
$('#user1').appendTo($('#user-wrap')); 
$('#user-wrap').appendTo($('#table'));

然后我申请的用户，包MOZ变换。在我应用另一个转换之前，我必须删除此userwrap div。当我再次将用户包装的孩子附加到身体并删除用户包装。我的转换不保留。我通过将值存储在单独的变量中并在删除后再次应用，解决了此问题。但问题是，当我应用了两个div上的用户换行的转换实际上看起来更接近。现在，由于我删除了用户包装，即使我再次应用了变形，个别用户DIV也是分开的。儿童之间的间距已经消失，我该如何解决这个问题？

我再次改写整个事情，我想将变换应用于div中的一组子项，然后删除div，同时保留孩子之间的比例/旋转和跨距值？

我知道这是一个复杂的问题，帮助将不胜感激。我希望所有的JavaScript武士和CSS忍者都可以帮我在这里;）

来源

2011-11-21 Sai

你有什么你正在尝试做的工作半的例子吗？这将是非常有用的.. –

没有太多的洞察你的实际代码或目标，我会把你的'#user ...'div作为单独的元素从头开始并相应地应用转换。 – DarthJDG

@DarthJDG，是的，你可以做到这一点，但是#user div之间的距离呢？他们不会被改变？我的意思是＃用户div的大小会缩小，但它们之间的距离仍然保持不变，所以它们会看起来更远一些。 – Sai

你不能这样做，如果可以的话，你不应该这样做。

但是，如果你真的知道你在做什么，你可以试试这个：

jQuery CSS plugin that returns computed style of element to pseudo clone that element?

你必须确保所有Mozilla的特定属性的是该功能的阵列。

来源

2011-11-21 21:21:42 Jonathan

排除万难：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script type='text/javascript' src='jquery-1.5.1.min.js'></script> 
<script type='text/javascript'> 

    function screwItUp() { 
     //EDIT: or if ($('#table div:first-child').attr('id') == 'user') 
     if ($('#table div:first-child').html() == 'USER') { 
      $('body').append('<div id=\'userWrap\'>USER-WRAP</div>'); 
      $('#user').css('font-size',Math.floor(Math.random()*42)+'px').appendTo($('#userWrap')); 
      $('#user1').css('font-size',Math.floor(Math.random()*42)+'px').appendTo($('#userWrap')); 
      $('#userWrap').appendTo($('#table')); 
     } else { 
      $('#user').appendTo($('#table')); 
      $('#user1').appendTo($('#table')); 
      $('#userWrap').remove(); 
     } 
    } 

</script> 

</head> 

<body> 
<div id="table"> 
    TABLE 
    <div id="user">USER</div> 
    <div id="user1">USER1</div> 
</div> 
<button onClick='screwItUp(); ' >TOGGLE</button> 
</body> 
</html>

样品：http://zequinha-bsb.int-domains.com/togglewrap.html

来源

2011-11-21 22:14:37

如何删除父div而不删除继承的CSS特征？

回答

相关问题