jquery - 使用没有 id 的 jQuery 排序元素

Question

我有点受困于 jQuery 的重新排序问题。在下面的代码中，结构类似于 input>label>div 但我需要先放置 div，然后在最后一个元素中放置 label 和 input。

如您所见，标签元素没有 id 的...所以我有点卡在这里了:( 有帮助吗？

<div class="taxonomy" id="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency">
<ul class="taxonomy_radiobuttons">
                    <li class="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_Notsmoking">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#NotSmoking" name="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_Notsmoking">
    <label for="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_Notsmoking">.Not smoking</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/7139b8eb"></p></div>
                            </li>
                    <li class="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_0005">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#HalfPacket" name="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_0005">
    <label for="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_0005">0,0-0,5</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/49b8660"></p></div>
                            </li>
                    <li class="wwx5000InstrumentsPriceandconditions.model#PriceAndConditions.classifies__InputObjectType_0_DailySmokingFrequency_0510">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#OnePacket" name="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_0510">
    <label for="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_0510">0,5-1,0</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/7e930afc"></p></div>
                            </li>
                    <li class="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1015">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#OneAndHalfPacket" name="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1015">
    <label for="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1015">1,0-1,5</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/67b6674f"></p></div>
                            </li>
                    <li class="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1520">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#TwoPacket" name="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1520">
    <label for="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_1520">1,5-2,0</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/7838a8ba"></p></div>
                            </li>
                    <li class="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_20">
    <input type="radio" value="//wwx/6000 Context/Daily smoking frequency.model#MoreThanTwoPacket" name="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency" id="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_20">
    <label for="wwx5000Instrumentsconditions.model#Conditions.classifies__InputObjectType_0_DailySmokingFrequency_20">&gt;2,0</label>
            <div class="visual"><p><img src="/myapp/resources/dynamic/4fcd88ff"></p></div>
                            </li>
        </ul>

Answer 1

我自己的建议:

$('.taxonomy_radiobuttons li').each(function(){
    var self = $(this),
        d = self.find('div'),
        i = self.find('input'),
        l = self.find('label');
    d.prependTo(self);
    l.appendTo(self);
});

JS Fiddle demo .