jQuery脚本设置div高度似乎只运行一次然后停止

时间:2012-08-22 13:48:23

标签: jquery html css

我有四个div,每个div具有相同的ID但不同的类。

<div id="inner" class="1"></div>
<div id="inner" class="2"></div>
<div id="inner" class="3"></div>
<div id="inner" class="4"></div>

然后我有一个jQuery脚本将div的高度设置为窗口的高度(再加上一点点)

jQuery(document).ready(function($) {
var h = $(window).height();
$('#inner') .css({'height': h+100});

然而,这仅适用于Div1,脚本似乎停止为接下来的3个div工作。有没有办法让它为所有4个div运行?

非常感谢

快速编辑我显然是新手,只需要一个快速的手,所以,谢谢那些给我时间给我一个可以合作的答案的人,我真诚的向那个负面评论这个问题的人,如果这是你阅读的负担,你可能只是没有读过它?

3 个答案:

答案 0 :(得分:8)

ID必须是唯一的,使其ID唯一,否则调用$(“#inner”)将只返回第一个div。

HTML:

<div class="inner 1"></div>
<div class="inner 2"></div>
<div class="inner 3"></div>
<div class="inner 4"></div>

使用Javascript:

jQuery(document).ready(function($) {
var h = $(window).height();
$('.inner') .css({'height': h+100});

答案 1 :(得分:2)

使用此

<div id="one" class="inner"></div>
<div id="two" class="inner"></div>
<div id="three" class="inner"></div>
<div id="four" class="inner"></div>

jQuery(document).ready(function($) {
    var h = $(window).height();
    $('.inner').css({'height': h+100});

ID必须是唯一的。

答案 2 :(得分:0)

您的ID标签不是语义标签。一页上只应存在一个唯一的ID标记。你需要添加一个类似的类。

<div id="inner" class="1 inners"></div>
<div id="inner2" class="2 inners"></div>
<div id="inner3" class="3 inners"></div>
<div id="inner4" class="4 inners"></div>

jQuery(document).ready(function($) {
   var h = $(window).height();
   $('.inners') .css({'height': h+100});
}