Через append добавлять лишь к определенным td, элемент?

Question

[Марсель Султанов]

Всем привет! Подскажите как добавить лишь к определенным элементам которые находятся в , новый элемент для эмуляций что дата сканировки такая такая то, после обновления данные уже с базы подтягиваются. Допустим ввели элемент в поиск заказа, вылезло уведомление со статусом, после сразу добавилось время сканировки по определенному заказу который собственно находится в
Внизу будет код с script и template

function findOrder(inputVal) {
    let dataTimeScanning = new Date();
    let orderNum = $(inputVal).val(),
        table = $('#order-list'),
        tableRow = table.find('[data-order="'+orderNum+'"]');

    if(!tableRow.length){
        $.jGrowl("Заказа в данной партии нет", {
            life: 3000,
            theme: 'danger'
        });
    }
    else {
        let orderStatus = tableRow.data('status'),
            orderID = tableRow.data('id'),
            data = new FormData();
        data.append('action', 'ADD_HISTORY');
        data.append('ORDER_ID', orderID);
        axios.post(pathToAjax, data)
            .then(function (response) {
                if (!response.data) $.jGrowl("Ошибка ответа сервера!\r\nОбратитесь к администратору!", {
                    life: 2000,
                    theme: 'error',
                });
                else {
                    if (orderStatus === "RELEASED_WITHOUT_PAYMENT" || orderStatus === "RELEASED_WITH_PAYMENT"){
                        $.jGrowl("Заказ выпущен", {
                            life: 3000,
                            theme: 'success'
                        });
                        $('.scanningDateTime').append('<span>'+dataTimeScanning+'</span>'); Добавить надо после Grow, но получается что добавляется всему списку :(
                    }
                    else {
                        $.jGrowl("Заказ задержан", {
                            life: 3000,
                            theme: 'error'
                        });
                        $('.scanningDateTime').append('<span>+dataTimeScanning+</span>');
                    }
                }
            });
    }

Вот сам файл где таблица где данные с базы подтягиваются

<div class="table-responsive">
        <table class="table table-striped table-bordered coolTable" id="order-list">
            <tr>
                <th>Номер заказа</th>
                <th>Получатель</th>
                <th>Статус заказа</th>
            </tr>
                <? foreach ($arResult['ORDERS_LIST'] as $order): ?>
                    <tr class="nameStatus" data-status="<?=$order['STATUS_CODE']?>" data-order="<?=$order['NUM']?>" data-id="<?=$order['ID']?>">
                        <td class="scanningDateTime"><?=$order['NUM']?>: <span class="dateTimes"><?=$order['LAST_SCANNING_DATE']?></span></td>
                        <td><?=$order['FIO']?></td>
                        <td><?=$order['STATUS_NAME']?></td>
                    </tr>
                <? endforeach; ?>
        </table>
    </div>

Answer 1

[Stalker_RED]

сейчас у вас так

$('.scanningDateTime') // выбираются ВСЕ элементы с этим классом
.append(...) // к каждому добавляется спан

вместо выборки ВСЕХ нужно выбрать только один нужный, по $order['ID'] например.
$('tr[data-id=42] td.scanningDateTime')

Comments

[Марсель Султанов]

У меня просто есть input в котором вводятся данные которые собственно data-order, и мне как то надо сделать чтобы он автоматически понимал к какому значению прикреплять новый элемент

[Stalker_RED]

Марсель Султанов, и вы хотите, чтобы я угадал по какому принципу должна работать эта авто-магия? :)