<select onchange=""class="product-custom-option" name="options[41]">
<option value=""> -- selsect --</option>
<option price="0" value="162">L</option>
<option price="0" value="163">M </option>
<option price="0" value="164">S </option>
<option price="0" value="165">XL </option>
</select>
现在,我想将订单搅动: S M L XL
。
$('.product-custom-option:option(3)').insertAfter('.product-custom-option:option(0)');
$('.product-custom-option:option(1)').insertBefore('.product-custom-option:option(4)');
我很抱歉,我是jQuery的新手,以上没有吗?
我想获得这样的新订单:
<option value=""> -- selsect --</option>
<option price="0" value="164">S </option>
<option price="0" value="163">M </option>
<option price="0" value="162">L</option>
<option price="0" value="165">XL </option>
var options = $('.product-custom-option option' );
$( options[ 3 ] ).insertAfter( $( options[ 0 ] ) );
$( options[ 2 ] ).insertAfter( $( options[ 3 ] ) );
http://jsfiddle.net/cedug/
,如果可能的话,可以更容易对服务器端进行排序。
,或者您只需替换选择元素的HTML:
$('.product-custom-option').html('<option value=""> -- selsect --</option><option price="0" value="164">S </option><option price="0" value="163">M </option><option price="0" value="162">L</option><option price="0" value="165">XL </option>');
http://jsfiddle.net/746g9/