Чтобы добавить элемент в jQuery только один раз, вы можете использовать различные методы. Вот несколько вариантов:

Метод 1: использование селектора :firstи метода append():

if ($('.your-element:first').length === 0) {
   $('.your-container').append('<div class="your-element">Content</div>');
}

Метод 2. Использование переменной-флага для отслеживания добавленного состояния:

var appended = false;
if (!appended) {
   $('.your-container').append('<div class="your-element">Content</div>');
   appended = true;
}

Метод 3. Проверка существования элемента перед его добавлением:

if ($('.your-element').length === 0) {
   $('.your-container').append('<div class="your-element">Content</div>');
}

Метод 4. Использование метода one()для привязки обработчика событий, который будет выполняться только один раз:

$('.your-container').one('click', function() {
   $(this).append('<div class="your-element">Content</div>');
});

Эти методы гарантируют, что элемент будет добавлен только один раз, даже если код выполняется несколько раз.