将值附加到表上的属性“标题”

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 文档中搜索，在论坛中没有找到任何帮助。

求救

Answer 1

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

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