javascript - 更有效地编写 DIV 高度脚本

Question

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

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

Answer 1

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

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

或者更有效一点:

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

或者，如果您控制 HTML 源，请在所有 blockXX 对象上添加一个公共(public)类，以便您可以执行以下操作:

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

请记住，每个对象可以有多个类。在多个对象之间使用公共(public)类正是针对您希望以相同方式处理多个对象的情况。