Question

我有一组div元素，每个div元素都有一个特定的数据项以及一个带有视频iframe和3个输入收音机的div。我想更改视频的位置，以便每次单击广播时都位于第一位置

$(document).ready(function(){
        if(($('.video')).length){

         $('.mz-thumb-selected').before($('.video'));
        }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>change positions</title>
</head>
<body>

<div class="mcs-item mz-thumb-selected" style="width: 25%;" data-item="6"></div>
<div class="mcs-item mz-thumb-selected" style="width: 25%;" data-item="0"></div>
<div class="mcs-item mz-thumb-selected" style="width: 25%;" data-item="1"></div>
<div class="mcs-item mz-thumb-selected" style="width: 25%;" data-item="3"></div>
<div class="mcs-item mz-thumb-selected" style="width: 25%;" data-item="4"></div>
<div class="video" style="width: 25%;" data-item="5"></div>

<input type="radio" name="color" value="red"> red<br>
<input type="radio" name="color" value="green"> green<br>
<input type="radio" name="color" value="black"> black

</body>
</html>

在加载页面时，将视频放在第一位，每次更改颜色时，我希望得到相同的结果

任何想法??

jQuery根据半径输入更改div的位置

0 个答案: