ホームページ >ウェブフロントエンド >jsチュートリアル >Div が上下に移動する Jquery 実装例_jquery

Div が上下に移動する Jquery 実装例_jquery

WBOY
WBOYオリジナル
2016-05-16 16:51:301180ブラウズ
复制代码代码如下:

$(this).ready(function() {
$ (".up").each(function() {
$(this).click(function() {
var $tr = $(this).parents("li");
if ($tr.index() != 0) {
$tr.prev().before($tr);
}
}); $(".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; ']:checked").each(function() {
var $div = $('#rule_' $(this).val());
if ($div.index() != 0 ) {
$div.prev().before($div);
}); .click(function() {
if ($("input[name='rule']:checked").size() > 1) {
alert("只能选择一项进行上下移動");
return;
}
$("input[name='rule']:checked").each(function() {
var $div = $('#ルール_' $(this).val());
if ($('#rule_' (parseInt($(this).val()) 1)).html() != null) {
$div.next().after($div) ;
}
});
});
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。