国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Jquery實現Div上下移動示例

2024-05-06 16:04:29
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了Jquery如何實現Div上下移動,需要的朋友可以參考下

復制代碼 代碼如下:


$(this).ready(function() {
$(".up").each(function() {
$(this).click(function() {
var $tr = $(this).parents("li");
if ($tr.index() != 0) {
$tr.prev().before($tr);
}
});
});
var trLength = $(".down").length;
$(".down").each(function() {
$(this).click(function() {
var $tr = $(this).parents("li");
if ($tr.index() != trLength) {
$tr.next().after($tr);
}
});
});
$("a[name='up']").click(function() {
if ($("input[name='rule']:checked").size() > 1) {
alert("只能選擇一項進行上下移操作!");
return;
}
$("input[name='rule']:checked").each(function() {
var $div = $('#rule_' + $(this).val());
if ($div.index() != 0) {
$div.prev().before($div);
}
});
});
$("a[name='down']").click(function() {
if ($("input[name='rule']:checked").size() > 1) {
alert("只能選擇一項進行上下移操作!");
return;
}
$("input[name='rule']:checked").each(function() {
var $div = $('#rule_' + $(this).val());
if ($('#rule_' + (parseInt($(this).val()) + 1)).html() != null) {
$div.next().after($div);
}
});
});
});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 丹凤县| 建平县| 南郑县| 龙井市| 宜宾市| 郧西县| 育儿| 昌图县| 仲巴县| 洛川县| 楚雄市| 田阳县| 唐河县| 马龙县| 沾益县| 新营市| 贵州省| 开化县| 凤冈县| 河池市| 衡阳县| 榕江县| 宜川县| 郴州市| 肥城市| 渑池县| 鹰潭市| 高阳县| 广平县| 乌鲁木齐县| 浠水县| 宜丰县| 沙河市| 黄梅县| 武山县| 龙井市| 西青区| 凤凰县| 钟山县| 太湖县| 盱眙县|