交换li的位置

<ul>
    <li class="pars">
         <div class="stream-item" data-id="__k__">
             <div class="stream-video" id="video-__k__"></div>
             <div class="stream-info"><pre></pre></div>
             <div class="stream-mask"></div>
             <div class="userid"><pre></pre></div>
         </div>
    </li>
    <li class="pars">
         <div class="stream-item" data-id="__k__">
             <div class="stream-video" id="video-__k__"></div>
             <div class="stream-info"><pre></pre></div>
             <div class="stream-mask"></div>
             <div class="userid"><pre></pre></div>
         </div>
     </li>
     <li class="pars">
         <div class="stream-item" data-id="__k__">
             <div class="stream-video" id="video-__k__"></div>
             <div class="stream-info"><pre></pre></div>
             <div class="stream-mask"></div>
             <div class="userid"><pre></pre></div>
         </div>
     </li>
</ul>

jquery实现：点击li，使其与第一个li交换位置：

$("ul").on("click", "li", function(e) {
    $(this).before($(".participants ul li:eq(0)")); //将第一个li元素插入到所选li的前面
    $(".participants ul li:eq(0)").before(this); //将所选元素放到第一个li元素的前面
    $('ul li:eq(1) .userid pre').html($('ul li:eq(0) .userid pre').html())
})

根据实际情况，改变 li:eq(0) 括号中的值，即可实现与指定位置的li元素进行位置交换。