使用jquery或javascript改变表格单元格的高度属性值

changing the values of height attribute of table cells using jquery or javascript

本文关键字：高度 属性 单元格 表格 jquery javascript 改变 使用      更新时间：2023-09-26

我有两个表，表1和表2。(两者的行数相等)对于表1中的每一行，我希望将表2中相应单元格的高度设置为等于表1中相应单元格的高度。例如table2-row1-col1 = table1-row1-col1等。

请帮帮我。

使用.each循环遍历第一个表中的行，并使用.eq()选择对应于每个表1行的表2行:

$('#table1 tr').each(function(i,el) {
    var hgt = $(this).height();
    $('#table2 tr').eq(i).height(hgt);
});
http://jsfiddle.net/mblase75/sCdRk/

假设两个表具有完全相同的行数，下面的代码应该可以工作。如果它们不一致，则需要在设置高度之前检查是否存在匹配的table1行。

var $table1 = $("#table1");
var $table2 = $("#table2");
$("TR", $table2).each(function(index) {
    $(this).css("height", $("TR", $table1).eq(index).css("height"));
});

首先，必须确保两个表具有相同的行数，或者添加一些索引检查代码，以避免OutOfIndex错误。

以下是一些代码，仅供参考:

var tbl2Rows = $("#tbl2 > tbody > tr");
$("#tbl1 > tbody > tr").each(function(index){
    console.log($(this).height());
    $(tbl2Rows.get(index)).height($(this).height());
});
相关文章：