如何刪除父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特徵？

回答

相關問題