How to loop through an HTML form using jquery?

Question

JavaScript

How to get all inputs and their labels in a loop? Jquery

HTML

<form action="{{ url_for('main.add_vacancies') }}" enctype=multipart/form-data method="POST" class="vacancies-form">
                <div class="form-item">
                    <label for="firstname">Введите фамилию*</label>
                    <input type="text" name="firstname" id="firstname" required/>
                </div>
                <div class="form-item">
                    <label for="lastname">Введите имя*</label>
                    <input type="text" name="lastname" id="lastname" required />
                </div>
                <div class="form-item">
                    <label for="patronymic">Введите Отчество</label>
                    <input type="text" name="patronymic" id="patronymic"/>
                </div>
                <div class="form-item">
                    <label for="registration_address">Дата Рождения*</label>
                    <input type="text" name="registration_address" id="registration_address" required/>
                </div>
                <div class="form-item">
                    <label for="actual_residence">Фактическое проживание</label>
                    <input type="text" name="actual_residence" id="actual_residence"/>
                </div>
                <div class="form-item">
                    <label for="metro">Ближайшая стация метро</label>
                    <input type="text" name="metro" id="metro"/>
                </div>
                <div class="form-item">
                    <label for="cellphone">Номер мобильного телефона</label>
                    <input type="text" name="cellphone" id="cellphone"/>
                </div>
                <div class="form-item">
                    <label for="soc">Ссылка или номер id Соц сети*</label>
                    <input type="text" name="soc" id="soc" required/>
                </div>
                <div class="form-item">
                    <label for="photo">Фото</label>
                    <input type="file" name="photo" id="photo" multiple />
                </div>
                <div class="form-item">
                    <label for="mail">Ваша почта*</label>
                    <input type="text" name="mail" id="mail" required />
                </div>
                <div class="form-item">
                    <label for="start-date">Дата поступления</label>
                    <input type="text" name="start-date" id="start-date"/>
                </div>
                <div class="form-item">
                    <label for="end-date">Дата окончания</label>
                    <input type="text" name="end-date" id="end-date"/>
                </div>
                <div class="form-item">
                    <label for="name-scool">Название учебного заведения</label>
                    <input type="text" name="name-scool" id="name-scool"/>
                </div>
                <div class="form-item">
                    <label for="form-scool">Форма обучения (дневная, вечерняя, заочная)</label>
                    <input type="text" name="form-scool" id="form-scool"/>
                </div>
                <div class="form-item">
                    <label for="specialty">Специальность</label>
                    <input type="text" name="specialty" id="specialty"/>
                </div>
                <div class="form-item">
                    <label for="extra-education">Дополнительное обучение, курсы</label>
                    <input type="text" name="extra-education" id="extra-education"/>
                </div>
                <div class="form-item">
                    <label for="work">Опыт работы</label>
                    <input type="text" name="work" id="work"/>
                </div>
                <div class="form-item">
                    <label for="quality">Ваши личные и профессиональные качества, которые помогли бы Вам в работе</label>
                    <input type="text" name="quality" id="quality"/>
                </div>
                <div class="form-item">
                    <label for="hobby">Чем занимаетесь в свободное время, хобби, увлечения  </label>
                    <input type="text" name="hobby" id="hobby"/>
                </div>
                <div class="form-item">
                    <label for="schedule">Предпочитаемый график работы</label>
                    <input type="text" name="schedule" id="schedule"/>
                </div>
                <div class="form-item">
                    <label for="specialty">Дополнительная информация</label>
                    <input type="text" name="specialty" id="specialty"/>
                </div>
                <div class="form-item">
                    <input type="submit">
                </div>
            </form>

Answer 1

$('.vacancies-form input').each(function() {
  var input = $(this);
  var label = $(this).siblings('label');
});