Question

我有这个HTML：

＆＃13;

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

＆＃13;

*我必须使用jQuery **来做这个，我还必须通过选择类.radio-matrix，任何想法来做到这一点？

我在选择器后尝试了几种方法：

＆＃13;

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

＆＃13;

Answer 1

如果您只是想通过它们切换位置循环并执行以下操作：

＆＃13;

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

＆＃13;

<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>

＆＃13;

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）及其后面的元素。

＆＃13;

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

＆＃13;

<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>

＆＃13;

jQuery在选定的元素

3 个答案: