Добавить значение в атрибут «заголовок» таблицы

Question

Я работаю с таблицей многоуровневых заголовков, и мне нужно динамически добавить значение к значению attr "header" в ячейке данных "td". Я добавляю строку за строкой в ​​таблицу, и заголовок слева от каждой строки получает свой идентификатор динамически. вот код строки таблицы, которая будет добавлена ​​

<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 );