2014-11-24 50 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