2013-03-11 70 views
0

可以說我想給元素指定寬度。例如,我有一個div的內容,我想分配style="width:..."它。
然後jQuery中我做的:使用jquery設置元素寬度或高度

elem.width(elem.width()); 

它看起來對我來說完全錯誤的,因爲它看起來像我怎麼可以得到它的設置寬度..

有沒有更好的辦法做到這一點?

+1

你爲什麼要或需要這樣做? – Pete 2013-03-11 11:30:09

+2

對我來說,它看起來很好,因爲在jQuery中獲取和設置的方式不同。雖然獲取寬度大部分是計算的,但在設置時 - 它是用樣式顯式設置的。 – VisioN 2013-03-11 11:30:48

+0

你想在jQuery或Javascript中......? – 2013-03-11 11:35:12

回答

0

你可以做到這一點

$(function() { 
    $("#mainTable").width(100).height(200); 
}); 

這有2種變化,它現在使用.WIDTH()和.height(),以及運行在的document.ready事件的代碼。如果你喜歡,沒有$(function(){})包裝器(或$(document).ready(function(){})),你的元素可能還沒有出現,所以$(「#mainTable」 )只是不會找到任何東西......好吧,做點什麼吧。

+0

我不明白你的解釋.. – Naor 2013-03-11 11:36:34

+0

100和200是靜態的,但你需要放置動態變量。 – 2013-03-11 11:37:45

+0

$(「#mainTable」)。width()是動態變量。 – Naor 2013-03-11 11:42:23

0

更好的使用JQuery以下方法來添加CSS:

$(函數(){ $( 「#測試」),CSS({ 寬度: '30PX', 高度: '30PX' } ); });

+0

我不是在問怎麼做。我在問這是否正確,以及這是否是錯誤的。 – Naor 2013-03-11 11:47:21

0

如果你喜歡的風格,你可以使用jQuery的.css()方法:

$('.element').css('width', $('.element').width()); 
1

試試這個

document.getElementById('divName').style.width = '10px'; 
+0

我不是在問怎麼做。我在問這是否正確,以及這是否是錯誤的。 – Naor 2013-03-11 11:48:56

0

如果你有相同的類(但不同的寬度)的多個元素,你可以做這個:

$('.yourClass').width(function(id, width) { 
    return width; 
}); 

查看the docs的解釋。

+0

我不是在問怎麼做。我在問這是否正確,以及這是否是錯誤的。 – Naor 2013-03-11 11:45:59

+0

你問了一個更好的方法,因爲這裏有很多答案/評論,告訴你這不是你正在做的事情,我只是給了你另一個例子,說明你可能還沒有考慮過的情況,例如,使用相同的選擇器設置多個不同大小的元素的'style =「width:...」'。 – Simon 2013-03-11 11:48:49

相關問題