Javascript 使用jQuery更改html位置

我试图用jQuery在数组函数中更改某些列表的位置

---

为什么要添加两次内容？

将div更改为.list，效果会很好

$('.list').each(function() {
   var answer = JSON.parse('[' + $(this).find('.order').val() + ']'),
       list = $(this).find('ul');                     

       $.each(answer, function(index, value) {
          list.append($('li[data-order="' + value + '"]'));
       });

});

---

将您的div更改为.list，它就可以正常工作了

$('.list').each(function() {
   var answer = JSON.parse('[' + $(this).find('.order').val() + ']'),
       list = $(this).find('ul');                     

       $.each(answer, function(index, value) {
          list.append($('li[data-order="' + value + '"]'));
       });

});

我修好了

我修好了

---

如果您检查是否有4个div标记，则不会关闭div标记。检查更新的JSFIDLE

1
2
3
4


1
2
3
4

如果您检查有4个div标记，则不会关闭div标记。检查更新的JSFIDLE

1
2
3
4


1
2
3
4

您的

div没有任何结束标记。因此，您有4个嵌套的div，并且所包含的列表被多次找到。您的
div
没有任何结束标记。因此，您有4个嵌套的div，其中包含的列表被多次找到。
$('.list').each(function() {
   var answer = $(this).find('.order').val().split(','),
   list = $(this);

   $.each(answer, function(index, value) {
      list.append($('li[data-order="' + value + '"]', list));
   });

});