时间戳

首页 > 解决方案 > 为变量添加跨度类

javascript - 为变量添加跨度类

问题描述

我正在查看一位同事的 JS 文件，该同事后来离开了我的工作场所，因此无法访问它们。

//populate the inheritance table but remove all rows first
$("#reportBeneficiariesTable tbody").html("");

$(".saved-beneficiary").each(function() {
        $( "#reportBeneficiariesTable tbody" ).append( "<tr style=\"height:40px\">" + 
        "<td>"+$(this).find(".name").html()+"</td>" +
        "<td>"+$(this).find(".relation").html()+"</td>" +
        "<td>"+$(this).find(".inheritanceVal").html()+"</td>" +
        "<td>"+$(this).find(".taxableInheritance").html()+"</td>" +
        "<td>€"+$(this).find(".taxLiability").html()+"</td>");

我正在尝试将 .name 的变量用作跨度类以在页面下方引入输入名称？我认为这可以通过以下方式实现：

 $('.name-1').html(name);

但是好像没有用？任何帮助，将不胜感激

标签： javascripthtml

解决方案

您也可以使用 CSS。如果您被允许使用 CSS，您可以将表格的行转换为 flexbox 并更改<td>内部 s 的顺序，例如：

table *{border:1px solid #d9d9d9;padding:.5em;}

table{display:block;}
table tr{display:flex;}
.name{order:1}
<table>
<tr>
<td class="name">name</td>
<td class="relation">relation</td>
<td class="inheritanceVal">inheritanceVal</td>
<td class="taxableInheritance">taxableInheritance</td>
<td class="taxLiability">taxLiability</td>
</tr>
</table>

推荐阅读