为变量添加span类

问题描述 投票:1回答:1

我正在看一个同事离开我的工作地点的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);

但似乎没有用?任何帮助,将不胜感激

javascript html
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.