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引入页面的下端？我认为这可以通过以下方式实现：

 $('.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>

为变量添加跨度类

1 个答案: