JS 实现列表移动（JQuery实现）

最新推荐文章于 2023-05-08 11:36:19 发布

Yan Yang

最新推荐文章于 2023-05-08 11:36:19 发布

阅读量2.2k

点赞数

分类专栏：前端小例题文章标签： html js javascript jquery

本文链接：https://blog.youkuaiyun.com/zzvar/article/details/117392048

版权

这篇博客介绍了如何使用JavaScript和JQuery实现列表元素的移动操作，包括需求描述和简洁的实现代码，旨在提供一个基础的参考示例，鼓励讨论和交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 实现列表移动

学习内容：
- 需求
总结：

学习内容：

需求

用 JS 实现列表移动
在这里插入图片描述

实现代码

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>列表移动</title>
    <script type="text/javascript" src="/static/jQuery-1.11/jquery-1.11.3.min.js">
    </script>
    <script>
        function moveAll(srcId, targetId) {
    
            // （'#' + targetId）拼接字符串
            $('#' + targetId).append($("#" + srcId + " > option"));
        }
        function moveSelected(srcId, targetId) {
    
            // （'