我有一个表单,我需要切换选项的顺序。我需要在页面加载后有条件地(不是每次)都这样做,并且使用 jquery 来完成这项任务是有意义的。
这是最初呈现的 HTML:
<ol class="choices-group">
<li class="choice">
<label for="first">
<input id="first" type="radio" value="25.0">$25</input>
</label>
</li>
<li class="choice">
<label for="second">
<input id="second" type="radio" value="50.0">$50</input>
</label>
</li>
<li class="choice">
<label for="third">
<input id="third" type="radio" value="100.0">$100</input>
</label>
</li>
</ol>
我希望 jquery 反转元素的顺序,所以它看起来像这样:
<ol class="choices-group">
<li class="choice">
<label for="third">
<input id="third" type="radio" value="100.0">$100</input>
</label>
</li>
<li class="choice">
<label for="second">
<input id="second" type="radio" value="50.0">$50</input>
</label>
</li>
<li class="choice">
<label for="first">
<input id="first" type="radio" value="25.0">$25</input>
</label>
</li>
</ol>
在此示例中,有三个选项,但它可以是 1 到 7 之间的任何数字。
任何人都可以看到这样做的好方法吗?