Javascript 为变量添加span类

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

---

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

您也可以使用CSS。如果允许您使用CSS，您可以将表格的行转换为flexbox，并更改

内部的顺序，例如：

table*{border:1px solid#d9d9d9；padding:.5em；}
表{显示：块；}
表tr{display:flex；}
.name{顺序：1}

名称
关系
继承价值
可征税继承
纳税义务

您到底想要什么？您能描述一下所需的输出吗？我希望能够获取在“+$（this.find（“.name”）.html（）+”中输入的值。这是一个名称，并将其输出到页面中的一个句子中，例如，这是我的名称。如果替换以前的javascript会影响其他地方，我不会太有信心。那么我如何在其他地方调用名称的跨度呢。我已经用你的例子替换了这个表，并得到了我之前在表单中输入的输出，但是当我尝试时，我不太确定我是否理解你。如果我有上面的表格，你就没有

。我想在下面说一句话。我的名字是约翰，我的亲戚是孩子。“约翰”和“孩子”将被从桌子上拿走。如果这有意义的话，这是一个完全不同的问题。如果你喜欢我以前的回答，请接受并提出新问题
 $('.name-1').html(name);