2012-09-07 96 views
0

目前我有一個頁面,用戶可以創建div並將其拖放到另一個div id="holder"如何解析默認的CSS屬性內聯樣式屬性

我有一個保存按鈕,獲取持有人的html。 $('#Holder').html();

持有者中的div有一些來自CSS文件和內聯樣式的樣式:style="left:10px; right:10px; background-color:#000000;"由jQuery添加。

我想要的是將我的CSS文件的樣式與內聯樣式相結合,因此我可以使用$('#holder').html();並具有所有樣式。

問題:我如何解析CSS樣式到style=""屬性。

所以信息的我有一個例子後:http://jsfiddle.net/Ub9ZD/

正如你可以看到我在想念的寬度,高度和位置的風格。

== ==編輯

看着給出的鏈接我還在這個都有點吃力了。

我仍然無法將文本中的內聯樣式和CSS樣式組合在一起。

進展:http://jsfiddle.net/Ub9ZD/39/

+0

下面是你問同樣的問題〜3年前的答案:[小鏈接](http://stackoverflow.com/a/5830517/364869)。 – Chris

+0

這將有所幫助。 http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element – F0G

+0

@ Abody97 @loler仍然不是我的答案。以上功能只能從給定的「#持有人」獲取,但我也需要這個「#持有人」的孩子 –

回答

0

這因爲它的聲音,而不是由一個長鏡頭不是那麼容易。如果您想查看對象的CSS屬性,可以使用jQuery提供的.css()函數。實質上,您可以通過.css()函數檢索每個元素的樣式,並使用htmlELement.style方法將它們重新應用於元素。然後,理論上,.html()會爲您提供該元素上所有CSS樣式的列表。

您確定這就是您需要的嗎?或者您可以按照預期的方式使用.css()