以下の選択オプションを、-please select--オプションを除いて、計算された小数値で並べ替えたいと思います。
<select class="wpsc_select_variation">
<option value="0">-- Please Select --</option>
<option value="13">1"</option>
<option value="21">2''</option>
<option value="11">3/4"</option>
<option value="6">3/8"</option>
<option value="10">5/8"</option>
<option value="17">1-1/2''</option>
<option value="15">1-1/4''</option>
<option value="19">1-3/4''</option>
<option value="7">1/2"</option>
</select>
私がこれまでにまとめたコード:簡潔さと歴史のためにpastebinに追加されました。
リンク
これは、ノート1の配列の長さが3であることを説明します。しかし、なぜ3なのですか?なんで9じゃないの?Chromeが完全な配列を表示するのに長さが3で、Firefoxが親+をクリックした後に完全な配列を表示するのに、親がundefined、option、optionと言うのはなぜですか?
混乱している...
編集:複数の選択ボックスを許可するように編集:間違っている場合は修正してください。
$(".wpsc_select_variation").each(function(index, element){
$($(element).children().get().sort(function (a, b) {
return parseInt(a.value) - parseInt(b.value);
})).appendTo($(element));
});
オブジェクトを使用した最新の編集。ここに行きます:
var els = new Array();
var counter = 0;
$j("select.wpsc_select_variation option").each(function(index, ele){
var obj = new Object;
var i = $j(ele).text();
i = i.replace("\"", "");
i = i.replace("''", "");
if (i.indexOf("-") >= 0){
i = i.split('-');
split = i[1].split('/');
i = eval(i[0]) + split[0] / split[1];
}
else if(i.indexOf("/") >= 0){
split = i.split('/');
i = split[0] / split[1];
}
i = eval(i);
obj.ind = i;
obj.ele = ele;
els[counter] = obj;
counter++;
});
els.sort(function (a, b) { return parseInt(a.ind) - parseInt(b.ind) });
console.log(els);
上記の結果は次のとおりです。
[Object { ind=NaN, ele=option}, Object { ind=0.75, ele=option}, Object { ind=0.375, ele=option}, Object { ind=0.625, ele=option}, Object { ind=0.5, ele=option}, Object { ind=1, ele=option}, Object { ind=1.5, ele=option}, Object { ind=1.25, ele=option}, Object { ind=1.75, ele=option}, Object { ind=2, ele=option}]
多少並べ替えているように見えますが、ご覧のとおり、まだ故障しています。