_sortList()
function to sort elements by text value .. based on answer by Jeetendra Chauhan on Stackoverflow::
http://stackoverflow.com/questions/4830624/target-first-level-lis-and-not-the-nested-lis
HTML
<ul class="fakeoptions" title="attribute135">
<li class="configurable-option-box" style="display:none;">
<input class="configurable-options-radio " id="options135_none" value="Choose an Option..." type="radio" name="options135">
<label class="configurable-options-btn" for="options135_none">
Choose an Option... </label>
</li>
<li class="configurable-option-box">
<input class="configurable-options-radio color-radio color-" id="options135_30-32" value="30/32" type="radio" name="options135">
<label class="configurable-options-btn" for="options135_30-32"><!-- id=""-->
30/32 </label>
</li>
<li class="configurable-option-box">
<input class="configurable-options-radio color-radio color-" id="options135_34-34" value="34/34" type="radio" name="options135">
<label class="configurable-options-btn" for="options135_34-34"><!-- id=""-->
34/34 </label>
</li>
<li class="configurable-option-box">
<input class="configurable-options-radio color-radio color-" id="options135_36-34" value="36/34" type="radio" name="options135">
<label class="configurable-options-btn" for="options135_36-34"><!-- id=""-->
36/34 </label>
</li>
<li class="configurable-option-box">
<input class="configurable-options-radio color-radio color-"...
JavaScript
///\\\ http://stackoverflow.com/questions/4830624/target-first-level-lis-and-not-the-nested-lis
_sortList = function(list,ord) {
var $parent = list.parent();
//alert(ord);
if (ord.toLowerCase() == 'up' || ord.toLowerCase() == 'asc'){
list.sort(asc_sort);
} else {
list.sort(desc_sort);
}
// ascending sort
function asc_sort(a, b){
return ($(b).text()) < ($(a).text()) ? 1 : -1;
}
// descending sort
function desc_sort(a, b){
return ($(b).text()) > ($(a).text()) ? 1 : -1;
}
list.appendTo($parent);
}
_sortList($(".fakeoptions").children(), 'up');