変数に格納された HTML dom 要素があります。HTML は、jQuery を使用して handlebar.js と JSON データから生成されます。CSVの値に従ってこれをソートする必要があります
var html = "<div id = 'qual'>Qual</div>
<div id = 'exp'>Exp</div>
<div id = 'ExcludeFromSorting'></div>
<div id = 'edu'>Edu</div>
<div class='clear'></div>
<div id = 'int'>Int</div>
<div id = 'ref'>Ref</div>
<div id = 'img'>Img</div>
<div id = 'obj'>Obj</div>";
通常、HTML は複雑で、通常は 200 行以上のコードになります。HTML には、ID の有無にかかわらず、多くの div タグ、ネストされた div などがあります。ここでは簡単な表記法を使用しています。
csvとして変数に並べ替えがあります
var sortorder = "obj,exp,qual,edu,int,ref,img";
ただし、上記の id を持つ div タグは、生成された HTML に確実に存在します (var html には、対応する id を持つすべての div が確実に含まれます)。単純にするために、var html には 100 を超える div が含まれる場合がありますが、これらの 7 つの div は
<div id = "qual">Qual</div>
<div id = "exp">Exp</div>
<div id = "edu">Edu</div>
<div id = "int">Int</div>
<div id = "ref">Ref</div>
<div id = "img">Img</div>
<div id = "obj">Obj/div>
var sortorder によると、var html のどこかにシャッフルされた順序で確実に存在します。
私が必要としているのは同じ var html ですが、これらの div は渡された値に従ってソートされています。var html の他の div は影響を受けません。
私は私の要件を説明するのに十分簡潔だと思います。私はすでにこの質問を投稿しました
jQueryを使用してCSVリストからidに従ってdiv要素をソートする方法は?
しかし、この方法は常に機能しているわけではありません。