为变量添加跨度类

Question

我正在查看一位同事的 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);

但似乎不起作用？任何帮助将不胜感激

Answer 1

您也可以使用 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>