Jquery для l oop творит хаос

Question

• 1000 я не мог этого узнать. Я собираюсь опубликовать свой код вместе с JSON.

Как я уже сказал, я не уверен, в чем проблема. Я не уверен, какую информацию мне нужно предоставить ....

У меня что-то не так в моем коде? или l oop слишком быстро?

Посмотрите на это изображение, чтобы увидеть, как оно должно быть и какова ошибка

Проблема

Проблема в том, что JS добавляет результаты в первую строку 3. Ожидается 1 результат. во втором ряду прибавляет 2 результата. последний ряд нормальный. как будто после этого ничего не происходит, поэтому у js есть время добавить все, что нужно.

Я попытался console.log() информацию. он работал нормально.

HTML

<div id="wahrKasse">
    <div id="wahrKasseBody" class="conBody">
        <!-- HERE COMES JS AUTOFILL -->
    </div>
</div>

JS / Jquery внутри успеха в Ajax запрос

var wahrKasseRow = response.response.wahrKasse.row;
var wahrKasseTotal = response.response.wahrKasse.total;
for (let i = 0; i < wahrKasseRow.length; i++) {
    var wkrt = wahrKasseRow[i];
    $("#wahrKasseBody").append(`
        <div id="${wkrt.id}" onclick="showLilDiv(${wkrt.id})">
        <ul>
    `);

    if (wkrt.ord_num == "-") {
        $("#wahrKasseBody div ul").append(`
            <li style="text-decoration:none">-</li>
        `);
        
    } else{
        $("#wahrKasseBody div ul").append(`
            <li><a href="auftrag_info.php?id=${wkrt.ord_num}">#${wkrt.ord_num}</a></li>
        `);
    }

    $("#wahrKasseBody div ul").append(`
        <li>${wkrt.pro_name} </li>
        <li>${wkrt.pro_ges_price}€</li>
    `);

    $("#wahrKasseBody div ul").append(`
    <li id="lilDiv_${wkrt.id}">
        <p>Abgabe Datum: ${wkrt.pick_date} </p>
        <small>${wkrt.emp_name} | ${wkrt.time_stmp}</small>
    </li>
    `);

    $("#wahrKasseBody").append(`
        </ul>
        </div">
    `);
}

JSON

wahrKasse: {
    row: [
        {
        id: "22",
        pro_name: "Lade geraet",
        pro_price: "10",
        pro_ges_price: 10,
        pro_count: "1",
        inv_id: "K-040820202",
        ord_num: "45",
        vert_id: "-",
        emp_id: "Test Rob.",
        time: "03:12"
        },
        {
        id: "23",
        pro_name: "Samsung Kopfhörer",
        pro_price: "40",
        pro_ges_price: 40,
        pro_count: "1",
        inv_id: "K-040820202",
        ord_num: "-",
        vert_id: "-",
        emp_id: "Test Rob.",
        time: "03:12"
        },
        {
        id: "24",
        pro_name: "Samsung Galaxy S7 EDGE",
        pro_price: "-140",
        pro_ges_price: -140,
        pro_count: "1",
        inv_id: "-",
        ord_num: "-",
        vert_id: "040820201",
        emp_id: "Test Rob.",
        time: "03:14"
        }
    ],
    total: -90
}