Question

對於某些特定情況，我想將標籤元素移到頂部。我的解決方案很簡單：

$("label[for='option_3']").insertAfter("label[for='option_0");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 

 
<label for="option_0"> 
 
    first item 
 
</label> 
 
<label for="option_1"> 
 
    second item 
 
</label> 
 
<label for="option_2"> 
 
    third item 
 
</label> 
 
<label for="option_3"> 
 
    forth item 
 
</label> 
 
<label for="option_4"> 
 
    fifth item 
 
</label>

它的工作相當不錯的Firefox和Chrome，但它並沒有在Safari瀏覽器（版本10.0.1（12602.2.14.0.7））工作。

有什麼想法？

Answer 1

有一個與你的jQuery語句的問題應該是

$("label[for='option_3']").insertAfter("label[for='option_0']"); 

你缺少關閉'和option_0後[]。 Chrome是足夠智能，需要自己來處理這個問題，但Safari是不是

$("label[for='option_3']").insertAfter("label[for='option_0']");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 

 
<label for="option_0" id="one"> 
 
    first item 
 
</label> 
 
<label for="option_1"> 
 
    second item 
 
</label> 
 
<label for="option_2"> 
 
    third item 
 
</label> 
 
<label for="option_3"> 
 
    forth item 
 
</label> 
 
<label for="option_4"> 
 
    fifth item 
 
</label>

Answer 2

$（ 「標籤[爲= 'option_3']」）。insertAfter（「標籤[爲='option_0 「]「）;

糾正你的jquery，那麼它將在safari上完美工作。

$("label[for='option_3']").insertAfter("label[for='option_0']");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 

 
<label for="option_0"> 
 
    first item 
 
</label> 
 
<label for="option_1"> 
 
    second item 
 
</label> 
 
<label for="option_2"> 
 
    third item 
 
</label> 
 
<label for="option_3"> 
 
    forth item 
 
</label> 
 
<label for="option_4"> 
 
    fifth item 
 
</label>