jquery 实现为多个不同class的div 添加同一个父类？

Question

如图所示：todo-list里的div都是动态生成的！

想要实现的效果：
使用jquery为圈起来的三个div添加同一个父类，
如图：

Answer 1

1. 只需要这三个还是凡是 .todo-header 后面跟着一些 .todo 都要放进父元素？
2. 生成这些 div 时就分组会比后面再处理好。

3. function work() {
     const $l = $(".todo-list")
     $l.children(".todo-header").each((_, e) => {
       const $h = $(e), $i = $(`<div class="todo-li"></div>`).appendTo($l)
       $h.nextUntil(".todo-header, .todo-li").appendTo($i)
       $h.prependTo($i)
     })
   }

   Codepen