2014-11-24 52 views
0

在這裏,我要問兩個問題的確切寬度和高度...如何獲得的股利

如何讓DIV

代碼的確切寬度:

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    alert("Width of div: " + $("#a").width()); 
    }); 
}); 
</script> 
</head> 
<body> 
<div id="a" style="width:1000px;height:500px;"> 
<div style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"> 
</div> 
</div> 
<br> 
<button>Display the width of div</button> 

</body> 
</html> 

這裏我宣佈2 ..父div的寬度是1000子div寬度是300如果我使用$(「#a」)。寬度()函數我會得到1000,我提到了該div。但我怎麼能得到確切的使用寬度(300)使用$(「#a」)以及相同的高度?

回答

1

你的「a」是1000像素 - 因爲你想的div中的「一」,你需要使用寬度:

$("#a div").width() 

,或者如果可以有多個div - 然後使用:第一(或一些其他的選擇)

0

可以使用attr方法如

$("button").click(function(){ 
    alert("Width of div: " + $("#a div").attr("width")); 
    }); 
+0

何地,確切的說是在投稿HTML中使用的'width'屬性? – 2014-11-24 11:54:56

0

嘗試使用jQuery的鏈接

$("#a div").width() 
0

使用可以使用此代碼來獲取#A DIV

0

內的高度和寬度的div如果你將只有兩個div,那麼你爲什麼不只是分配ID來你的第二個div也是。

<div id="a" style="width:1000px;height:500px;"> 
<div id="b" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background- color:lightblue;"> 
</div> 
</div> 

然後,你可以得到的寬度和高度如下:

var width = $('#b').attr("width"); 
var height = $('#b').attr("height"); 
+0

嗨,感謝您的回覆..但我認爲這不是一個通用的解決方案..如果他們使用多於div我們如何才能找到確切的寬度..以及遍歷它不是一個通用的 – 2014-11-25 04:12:47

+0

這就是爲什麼我明確提到,如果你願意只有div,那麼你可以採用這種方法。 – 2014-11-25 06:07:15