Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在另一个div元素中移动div元素?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在另一个div元素中移动div元素?

Javascript 如何在另一个div元素中移动div元素?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,var$selected=$(); var$itemLv1=$(“#create summary.lv1”); $itemLv1.单击(函数(){ $selected=$(此项); $(this).toggleClass('clicked').sides().removeClass('clicked'); }); $(“#向上移动”)。单击(函数(){ $selected.add($selected.nextUntil(“:not(.lv2)”)) .insertBefore($selected

var$selected=$();
var$itemLv1=$(“#create summary.lv1”);
$itemLv1.单击(函数(){
$selected=$(此项);
$(this).toggleClass('clicked').sides().removeClass('clicked');
});
$(“#向上移动”)。单击(函数(){
$selected.add($selected.nextUntil(“:not(.lv2)”))
.insertBefore($selected.prevAll(.lv1:first));
});
$(“#向下移动”)。单击(函数(){
$selected.add($selected.nextUntil(“:not(.lv2”))
.insertAfter($selected.nextAll(.lv1:first));
});
。单击{
颜色:红色;
字号:700;
}
.2级,.3级{
左边距:15px;
}

介绍
1.AAA
2.BBB
3.CCC
3.1 aaa
3.2 bbb
3.3 ccc
3.4 ddd
3.4.1 xxxxx
3.4.2 YYYY
3.4.3 ZZZZ
4.滴滴涕
5.EEE
向上/

向下
我假设您需要这样的功能

var $selected = $();
var $itemLv1 = $("#create-summary [class^=lv]");

$itemLv1.click(function (e) {
    $selected = $(this);
    var x = $(this).toggleClass('clicked');
    $("[class^=lv]").not(x).removeClass("clicked child").addClass("child");
    x.siblings().removeClass('clicked');
    e.stopPropagation();
});

$("#moveUp").click(function () {
    $selected.insertBefore($selected.prev("[class^=lv]"));
});

$("#moveDown").click(function () {
    $selected.insertAfter($selected.next("[class^=lv]"));
});

我真的很感激。作为初学者,我坚持了几天。你真的帮助了我,我也从这个答案中学到了很多。:@LateBloomer:)很高兴它帮助了你!!我能问一下“[class^=lv]”这是什么意思吗?