使用javascript或jquery更改css顺序属性

Question

我想在jQuery中使用if语句更改页面上div的顺序。 if语句基于url参数。我正在使用css'order'属性。我认为这是最好的方法，但我不确定。

在坚果中：

  

如果我在网址中键入section03，则section03应首先显示   页面

     

如果我在网址中输入section02，那么section02应首先显示   页面等等。

代码示例：

if (dynamicContent == 'section02') {
  $('#section02').css('order', 1);
  //sort divs by order
  $('#wrapper').append($('#wrapper 
  .dynamiccontent').sort(function(a, b) {
    return a.getAttribute('order') - b.getAttribute('order');
  }));
}

示例： https://jsfiddle.net/stopdaydreaming/jjageca7/