3 
<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>
4

2 に答える 2

11 
var options = $('.product-custom-option option' );

$( options[ 3 ] ).insertAfter( $( options[ 0 ] ) );
$( options[ 2 ] ).insertAfter( $( options[ 3 ] ) );

http://jsfiddle.net/ceduG/

ただし、可能であれば、サーバー側で並べ替える方がおそらく簡単です。

于 2012-12-27T08:49:24.597 に答える
2

または、select要素の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/

于 2012-12-27T09:07:51.953 に答える