为变量添加范围类

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 的变量用作 span 类，以在页面下方引入输入名称？我认为这可以通过以下方法实现：

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

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

Answer 1

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

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>