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

Question

我有四个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？

非常感谢

快速编辑我显然是新的,只需要一个快速的手,所以谢谢那些给我时间给我一个我可以合作的答案的人,并且我真诚地向那个负面投票的人道歉,如果是的话你阅读的负担,你可能只是没有读过它？

Answer 1

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});