更高效的方式编写DIV的高度

时间:2011-07-27 13:07:04

标签: javascript jquery

我使用这个脚本来查找DIV的高度。我在不止一个DIV上使用它。 有没有更有效的方法来编写这段代码?

$(document).ready(function() {
    $(".block00").height($(".subheader").height());
    $(".block01").height($(".subheader").height()); 
    $(".block02").height($(".subheader").height());
});

2 个答案:

答案 0 :(得分:2)

无需单独列出每个或循环,因为您只需在选择器中列出多个项目,它将返回所有项目。

$(document).ready(function() {
    $(".block00, .block01, .block02").height($(".subheader").height());
});

或更有效率:

$(document).ready(function() {
    var h = $(".subheader").height();
    $(".block00, .block01, .block02").height(h);
});

或者,如果您控制HTML源代码,请在所有blockXX对象上添加一个公共类,以便您可以这样做:

$(document).ready(function() {
    var h = $(".subheader").height();
    $(".blockCommon").height(h);
});

请记住,每个对象可以有多个类。在几个对象中使用公共类正是因为您希望以相同的方式处理多个对象。

答案 1 :(得分:1)

$(document).ready(function() {
  var h=$(".subheader").height();
  for(var i=0;i<3;i++)$(".block0"+i)height(h.height());
});

可能有效