我有四个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运行?
非常感谢
快速编辑我显然是新手,只需要一个快速的手,所以,谢谢那些给我时间给我一个可以合作的答案的人,我真诚的向那个负面评论这个问题的人,如果这是你阅读的负担,你可能只是没有读过它?
答案 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});
}