for (let i = 0; i < data.length; i++) {
$('.server-menu').append('<div class="server" data-id="' + i + '"></div>');
//let id = $('.server').data('id');
//let server = $(`.server[data-id="${id}"]`);
}for (let i = 0; i < data.length; i++) {
let el = $('<div>', {
'data-id': i
});
$('.server-menu').append(el);
//let id = $('.server').data('id');
//let server = $(`.server[data-id="${id}"]`);
} ага, начитался, спасибо, доигрались до ошибок сервера, сам хостер подтвердил что нужно закрывать соединение с БД.
<br> просто устанавливает символ окончания строки. То есть получается, что при подстановке первого <br> вы просто говорите, что строка закончилась, а когда у вас подставляется второй <br> он уже подставляется в новую строку, тем самым ширина <div> увеличивается. Можно добавить переменную по которой отслеживать, что сделано первое нажатие клавиш, и добавлять в момент первого нажатия два <br> например. Но даже так похоже будет работать не совсем корректно. Вообще судя по всему надо реализовывать это по другому, не через <br>