Обтекание поля ввода и метки

Question

Я динамически создаю метку и ввод в ul. Мне нужно обернуть этикетку и ввести внутри li. Я пробовал обтекание, добавление, аппенто и раньше. Я не могу понять это. Вот код.

const departments = $('#departments ul');

for (let i = 0; i < len; i++) {
                let num = response[i][0];
                let description = response[i][1];


                $('<input />', {type: 'checkbox', id: +num, value: description}).appendTo(departments);
                $('<label />', {'for': +num, text: description}).appendTo(departments);

            }

Answer 1

Для этого вам нужно создать новый элемент li, добавить его к ul, затем добавить новые input и label к li. Попробуйте это:

const $departments = $('#departments ul');
const len = 5;

for (let i = 0; i < len; i++) {
  let num = i; // response[i][0]; // for testing only
  let description = 'Label ' + i; // response[i][1]; // for testing only

  var $li = $('<li />').appendTo($departments);
  $('<input />', {
    type: 'checkbox',
    id: +num,
    value: description
  }).appendTo($li);
  $('<label />', {
    for: +num,
    text: description
  }).appendTo($li);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="departments">
  <ul></ul>
</div>