Как переместить отмеченные флажки в начало списка?

Question

Андрэ

javascript

Как переместить отмеченные флажки в начало списка?

Нужно перевести данный код на jQuery и сделать его многофункциональным для работы с несколькими списками ul. Как это сделать?

16 февраля 2024 г. 15:38

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для перемещения отмеченных флажков в начало списка на jQuery, можно использовать следующий код:

```javascript
$(document).ready(function(){
  $("ul").each(function(){
    var $list = $(this);
    var $checkedItems = $list.find("input[type='checkbox']:checked").closest("li");
    $checkedItems.prependTo($list);
  });
});
```

С этим кодом каждый ul на странице будет проверяться отдельно. Он найдет все отмеченные флажки внутри каждого списка и переместит соответствующие элементы li в начало списка.

Чтобы использовать этот код для нескольких списков ul на странице, просто добавьте класс к нужным спискам и обновите селектор в коде:

```javascript
$(document).ready(function(){
  $(".my-list").each(function(){
    var $list = $(this);
    var $checkedItems = $list.find("input[type='checkbox']:checked").closest("li");
    $checkedItems.prependTo($list);
  });
});
```

В данном примере мы использовали класс "my-list" для выбора нужных списков. Вы можете использовать любой другой класс или селектор, соответствующий вашей разметке.

Надеюсь, это помогло! Если у вас возникнут дополнительные вопросы, пожалуйста, дайте мне знать!