Как можно улучшить код на JQuery?
Я же вам здесь очень подробно ответил.
Принципы, которые там описаны, применяются одинаково хорошо и для ванильного js и для jquery.var classes = ['item-id', 'item-title', 'item-price', 'delete-btn'];

$('#sf tr').each(function () {
    var $cell = $('<td>').append('<a class="add_item">Добавить в корзину</a>');
    
    $(this).append($cell);

    $(this).find('td').each(function (index, element) {
        $(element).addClass(classes[index]);
    });    
});
Или вот такой вариант, без итерации по строкам:var classes = ['item-id', 'item-title', 'item-price', 'delete-btn'],
    $rows = $('#sf tr').filter(':gt(0)'),
    $link = $('<a>').addClass('add_item').text('Добавить в корзину'),
    $cell = $('<td>').append($link),
    $cells;

$rows.append($cell);

$cells = $rows.find('td');

$cells.each(function (index, cell) {
    $(cell).addClass(classes[index % classes.length]);
});Интересные, кстати, получаются результаты сравнения скорости работы этих двух вариантов.
Можно$(this).add('<td></td>');
$(this).find('td:last').append('<a class="add_item">Добавить в корзину</a>');
заменить на:$(this).add($('<td><a class="add_item">Добавить в корзину</a></td>'));