jQuery上移下移操作，記住當(dāng)前位置并得到當(dāng)前位置順序的id

!DOCTYPE?HTML

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：申請域名、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、鹽池網(wǎng)站維護(hù)、網(wǎng)站推廣。

html

head

meta?charset=UTF-8?/

titleNothing/title

style?type="text/css"

/style

script?type="text/javascript"?src="jquery-1.8.0.min.js"/script

script

$?(function?()

{

$?(':button').click?(function?()

{

var?type?=?$?(this).val?();

var?tr?=?$?(this).closest?('tr');

if?(type?==?"上移")

{

var?newIndex?=?tr.prop?('rowIndex')?-?1;

if?(newIndex?=?0)

{

tr.insertBefore?('tr:eq('?+?newIndex?+?')');

}

else

{

tr.insertAfter?('tr:last');

}

}

else?if?(type?==?"下移")

{

var?newIndex?=?tr.prop?('rowIndex')?+?1;

if?(newIndex??$('tr').length)

{

tr.insertAfter?('tr:eq('?+?newIndex?+?')');

}

else

{

tr.insertBefore?('tr:first');

}

}

})

});

/script

/head

body

table

tr

td22222/td

tdinput?type="button"?value="上移"?//td

tdinput?type="button"?value="下移"?//td

/tr

tr

td00000/td

tdinput?type="button"?value="上移"?//td

tdinput?type="button"?value="下移"?//td

/tr

tr

td11111/td

tdinput?type="button"?value="上移"?//td

tdinput?type="button"?value="下移"?//td

/tr

/table

/body

/html

jquery 彈出框怎么往上移

margin-top:-50px;

設(shè)置一下margin-top的值，50是自定義的，隨遍你寫多少，可以試著來

jQuery隔行換色和上移下移問題

在css定義好，不管怎樣上移還是下移始終都是隔行換色的。

style

*{?padding:0;margin:0;?}

.list{?width:358px;margin:0?auto;border:1px?solid?#000;?}

.listview{?height:35px;line-height:35px;width:100%;text-indent:20px;color:#fff;background-color:#999;?}

.listview:nth-child(2n){?background-color:#ccc;color:#000;?}

.listview?button{?padding:0?10px;?}

/style

/head

body

div?class="list"

div?class="listview"1

button?class="up"上/button

button?class="down"下/button

/div

div?class="listview"2

button?class="up"上/button

button?class="down"下/button

/div

div?class="listview"3

button?class="up"上/button

button?class="down"下/button

/div

div?class="listview"4

button?class="up"上/button

button?class="down"下/button

/div

div?class="listview"5

button?class="up"上/button

button?class="down"下/button

/div

/div

/body

script?type="text/javascript"

$(function(){

$(".up").click(function(){

if(?$(this).parent().prev().index()=0?){

$(this).parent().prev().before($(this).parent());

}

});

$(".down").click(function(){

if(?$(this).parent().next().index()$(".listview").length?){

$(this).parent().next().after($(this).parent());

}

});

});

/script

jquery 上移下移后如何保存

jq是前端頁面上的操作,上移下移將顯示的條目重新排序后,如果要在下一次調(diào)出數(shù)據(jù)時也按現(xiàn)在顯示效果,就需要在后臺數(shù)據(jù)上進(jìn)行處理,對基礎(chǔ)數(shù)據(jù)的排序做出改變,可以在改變順序時ajax修改數(shù)據(jù),也可以按顯示的順序重新存儲顯示的數(shù)據(jù)