2013-09-10 44 views
-1

我有點被jQuery重新排序問題所困擾。在followng代碼中,structre就像輸入>標籤> div,但我需要先將div放入標籤並輸入到最後一個元素中。jQuery不帶ID的排序元素

正如你可以看到標籤的元素沒有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> 

回答

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

0

(編輯)的嘗試:?http://jsfiddle.net/bCvbu/

$('li').each(function() { 
    $div = $(this).find('div'); 
    $label = $(this).find('label'); 
    $input = $(this).find('input'); 
    $(this).html(''); 
    $(this).append($div, $label, $input); 
}); 
+0

Nope :(上面的代碼是動態創建的,當我嘗試運行它時,屏幕上的所有元素都會變成這樣,我想我需要定位一個特定的ul來運行這個函數:([object Object] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] [對象對象] – cevizmx

+0

謝謝各位!不能告訴你這對我有多大幫助。ps總是認爲選擇器(如ID等)需要在jQuery中運行:D歡呼聲。 – cevizmx

1

你可以做到這一點的方法:

$('.taxonomy ul li > input').before(function(){ 
    return $(this).siblings('.visual'); 
}); 

Fiddle

before需要一個函數參數返回元素選定的元素之前插入,在函數返回的div是選擇的輸入的兄弟姐妹。