javascript - 使用数据变量重新排列 div

Question

我有以下页面http://example.com (是的，我知道现在很慢)，但我需要在正确的状态下重新排列“经销商”。其中一些位于错误的位置，使用jquery我需要删除它们并将它们放置在正确的标题下(每个状态没有包装容器)。

我很难做到这一点，如何使用数据变量删除每个经销商(他们有自己的容器)，该数据变量的状态值位于 h4 下且具有匹配的状态值？数据变量是每个位置和 h4 的数据状态..

Answer 1

这将分离所有这些 DealerContainer，然后将它们附加回正确的位置。

$('.dealerContainer[data-state]')
  .detach()
  .each(function(i,e) {
    var state = $(e).data('state');
    var stateh5 = $('h5[data-state='+state+']');
    $(e).insertAfter(stateh5);
  })