更有效的方式编写DIV的高度脚本

More efficient way script the heights of DIVs

本文关键字：高度 脚本 DIV 方式编 有效      更新时间：2023-09-26

我使用这个脚本来查找div的高度。我在多个div上使用它。有没有更有效的方法来编写这些代码？

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

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

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

记住，每个对象可以有多个类。在多个对象中使用一个公共类正是为了满足您希望以相同方式处理多个对象的情况。

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

可能工作

相关文章：