Javascript 我想将所选项目从一个列表移动到另一个列表

我想将所选项目从一个列表移动到另一个列表。该列表是使用jquery生成的

$（“#选择”）。可选({
所选：功能（e、ui）{
if（$（ui.selected）.hasClass（“ui状态突出显示”））{
$（ui.selected）.removeClass（“ui状态突出显示”）；
}否则{
$（ui.selected）.addClass（“ui状态突出显示”）；
}
},    
未选择：功能（e、ui）{
$（ui.unselected）.removeClass（“ui状态突出显示”）；
}
});
ul{边距：0；填充：0；列表样式类型：无；宽度：20%；}
ul li{填充：0.4em；边距：0.2em；光标：指针；字体大小：0.8em；}
.操作按钮{
浮动：左；
}
#选择权{
浮动：对；
}


元素1
元素2
元素3
元素4
元素5
元素6
元素7


HTML文件中似乎缺少JQuery UI。您应该在.ui-selecting和.ui-selected上设置一些样式，使其与未选择的元素不同


$（“可选”）。可选({
所选：功能（e、ui）{
if（$（ui.selected）.hasClass（“ui状态突出显示”））{
$（ui.selected）.removeClass（“ui状态突出显示”）；
}否则{
$（ui.selected）.addClass（“ui状态突出显示”）；
}
},    
未选择：功能（e、ui）{
$（ui.unselected）.removeClass（“ui状态突出显示”）；
}
});
ul{边距：0；填充：0；列表样式类型：无；宽度：20%；}
ul li{填充：0.4em；边距：0.2em；光标：指针；字体大小：0.8em；}
.操作按钮{
浮动：左；
}
#选择权{
浮动：对；
}
#可选。ui选择{背景：红色；}
#可选。ui已选择{背景：蓝色；颜色：白色；}


元素1
元素2
元素3
元素4
元素5
元素6
元素7


明白了。谢谢你的帮助如果我的答案是你问题的解决方案，请记为那个。将此视为一个已回答的问题，可能有助于其他陷入同样问题的人。