2019獨角獸企業重金招聘Python工程師標準>>>

頁面代碼

<dd?id="f_${f.function_id}"?rel="${f.function_id}"?sortId="${f.id}"><span?onclick="sorts('${f.function_id}','top')"?title="上移動"?class="upBut"></span><span?onclick="sorts('${f.function_id}'),'down'"?title="下移動"?class="downBut"></span> </dd>

js代碼

function?sorts(id,direction){ //向上取前一個的id，向下去后一個的idvar?baseid??=?direction?==?'top'???$('#f_'+id).prev().attr('rel')?:$('#f_'+id).next().attr('rel');if(!baseid)?{direction?==?'top'???ui.warning('已經是最前面了')?:?ui.warning('已經是最后面了');return;}else?{ //頁面上進行位移Direction?==?'top'???$('#f_'+id).insertBefore('#f_'+baseid)?:?$("#f_"+id).insertAfter('#f_'+baseid);}

取順序

//取得順序,存到數組中var?sortArr=[];$("#func_dl").find("dd").each(function(index,dd){var?obj={};obj.key=$(dd).attr("sortId");obj.value=index+1;sortArr.push(obj);});//調用common.js中的方法，轉化為字符串var?sortStr=ui.jsonToString(sortArr);

轉載于:https://my.oschina.net/glorylion/blog/478025

總結

以上是生活随笔為你收集整理的页面排序(上下元素对换)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。