jQuery腳本設置div高度似乎只運行一次然後停止

Question

我有四個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格保持運行？

非常感謝

快速編輯 IM在這顯然新的，只是需要一個快速的手，所以，謝謝你給了，給我一個答案，我可以用工作時間的人，我誠摯的歉意對負面投票問題的人，如果你閱讀是一種負擔，你可能只是沒有閱讀它？

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

Answer 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必須是唯一的。

Answer 3

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