在表的属性“header”上附加一个值

Question

我正在使用多级标头表，我需要动态地将值附加到数据单元“td”上的attr“标题”。我在表上逐行追加，并且每行左侧的标题动态地接收其id。这是将附加的表格的在线代码

<table>
    <tbody>
         <tr id="CacTabLine" class="cacTabLine" style="display: none">
            <th class="leftHeader">
                 <button type="buton"></button>
            </th>
            <td class="tdTotUsrA" headers="usrStud totUsrStu">
                 <p class="centro totUsrA"></p>
            </td>
            </td>
        </tr>   
    </tbody>
</table>

以及应该添加属性的jquery

var $cl = $("#cloneCacTabLine").clone();
var schoolId ="school-"+id;
$cl.find(".leftHeader").attr("id", schoolId);
$cl.find(".tdTotUsrA").attr("headers", $(this).attr("headers")+ " "+ schoolId );

我开心了：

<td class="tdTotUsrA" headers="undefined school-1092">
        </td>

我希望得到这个

<td class="tdTotUsrA" headers="usrStud totUsrStu school-id">

我在jquery文档中搜索过，在论坛中，e没有找到任何帮助。

寻求帮助

Answer 1

你不能在你拥有的地方使用this，因为此时它指的是一个未定义的Javascript对象的实例。也许首先定义您想要添加的标题，然后将其绑定到变量以保持整洁。然后追加他们。例如：

let oldHeaders = $cl.find(".tdTotUsrA").attr("headers");
let newHeaders = oldHeaders + " " + schoolId;
$cl.find(".tdTotUsrA").attr("headers", newHeaders );