2014-02-11 126 views
-1

我有這樣的HTML代碼,我不能手動編輯:(獲取元素樣式屬性?

<div id="grid" style="width:1435px; position:absolute;"></div> 

我需要一些JQuery的功能,以趕上元素,轉變作風寬度1435到1000像素?

.width{ 
    width:1000px; 
} 

$('#grid').addclass('width'); 

不不行的,因爲內嵌樣式具有造型元素的優先級,是有可能趕上價值和改變它,與!important也嘗試過,但沒有運氣。

EXTRA問題嗎?

我得到了正確的答案,但我有小問題,有可能捕捉到1435px,因爲它總是變化,只是將它縮短爲50px?

ANSWER

var divWidthContent= $("#grid")[0].style.width; 
$('#grid').css({"width" : (parseInt(divWidthContent) - 50 + "px")}); 
+1

讓我來爲您介紹[jQuery文檔](http://api.jquery.com/)。 – kapa

+0

使用!重要的肯定會工作,並且會覆蓋內聯樣式(http://css-tricks.com/specifics-on-css-specificity/)。您是否嘗試過使用其ID直接將樣式應用於網格,例如:#grid {width:1000px!important; }? – Sean

回答

2

這是你應該如何做的t

$('#grid').css({"width" : "1000px"}); 
+0

Txanks隊友,但我有一個小問題,你可以擴展代碼,我需要趕上1435px,因爲它是dinamicly製作的,而不是將其剪裁爲50px,這可能嗎? – Schneider

2

您可以使用css()

$('#grid').css('width','1000px'); 

,另外,你不需要用.前綴類,只需使用類名

$('#grid').addclass('width'); 
+0

對不起,只是輸入寫錯誤 – Schneider