获取表的每个td宽度并使用jquery将其设置为另一个表td width

时间:2015-02-19 07:40:35

标签: jquery html

大家都试图通过获取另一个表的宽度值来设置表上的td宽度每个单元格具有不同的宽度需要获得每个宽度并将其设置为此并行表td' s td的宽度必须相同。如何获得每个宽度并设置为连续的另一个表td

示例表我的代码与第二个表中的更多行

相同
table td {
 min-width:54px;
}
<table id="table1">

<tr id="trBindRampRateList">
   <td>
      Ab
   </td>
   <td>
      Abcsddddddd
   </td>
   <td>
      Abcsdddddddssss
   </td>
<tr>

</table>
<table id="table2">

    <tr id="tblCategoriesScoresList">
       <td>
          <input type="text"/>           
        </td>
       <td>
          <input type="text"/>           
        </td>
       <td>
          <input type="text"/>           
        </td>
    <tr>

    </table>



  var mWid; 
    $('#trBindRampRateList td').each(function() { mWid = $(this).width(); }); 

$('#tblCategoriesScoresList  td').each(function() { $(this).css("min-width","mWid"+"px") });

我想按照表td宽度拉伸表格2的宽度,两者都必须设置相同的

2 个答案:

答案 0 :(得分:1)

FIDDLE 检入控制台。 widhts正确

您的代码中有很多更正。

  

$(this).css("min-width","mWid"+"px") mWid 是一个变量,将其置于引号中无法正常工作。

试试这个: -

var arrOfTable1=[],
    i=0;

$('#table1 td').each(function() {
 mWid = $(this).width(); 
 arrOfTable1.push(mWid);
});

$('#table2 td').each(function() {
 $(this).css("min-width",arrOfTable1[i]+"px");
 i++; 
});

希望它有用!

答案 1 :(得分:0)

var num = $("table#first tr:first-child > td").length;
var width = (100 / num) + "%";
$("#first td").css("width", width);
$("#table2 td").css("width", width);