jQuery在選定元素之前移動同胞元素

Question

我有這個HTML：

 <label class="radio-inline"> <input class="form-control radio-matrix"> <p>Text</p> </label> 

*我必須使用jQuery **來做到這一點，而且我還必須通過選擇類.radio-matrix來做到這一點，有什么想法嗎？

選擇器之后，我嘗試了幾種方法：

 $('input.radio-matrix').siblings("p") 

Answer 1

如果您只想切換位置，請遍歷它們並執行以下操作：

 $('.radio-matrix').each(function(){ // "this" is instance of the radio-matrix class $(this).next().insertBefore(this); // or $(this).siblings('p').insertBefore(this); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label class="radio-inline"> <input class="form-control radio-matrix"> <p>Text</p> </label> 

Answer 2

使用before ，如下所示：

 $('input.radio-matrix').before($('p')); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label class="radio-inline"> <input class="form-control radio-matrix"> <p>Text</p> </label> 

Answer 3

這將反轉所選元素（ $selectedElement ）及其后的元素。

 $(document).ready(function() { var $selectedElement = $(".radio-matrix"); var $selectedElementSibling = $(".radio-matrix").next(); $selectedElementSibling.after($selectedElement); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label class="radio-inline"> <input class="form-control radio-matrix"> <p>Text</p> </label>