JQuery的remove方法的使用

最新推荐文章于 2022-06-10 21:00:34 发布

一起学习前端吧

最新推荐文章于 2022-06-10 21:00:34 发布

阅读量3.3k

点赞数

本文链接：https://blog.csdn.net/sweetsoft/article/details/8261817

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

jquery的remove方法是将元素移除掉，并且返回被移除的元素，还可以使用，下面一个例子使用该功能实现下图的功能：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#right").click(function () {
                alert("aa");
                var items = $("#select1 option:selected").remove();
                alert(items.length);
                $("#select2").append(items);
            });
        });
    </script>
</head>
<body>
    <table>
        <tr><td>
    <select id="select1" size="10" multiple="multiple">
        <option>高等数学</option>
        <option>微机基础</option>
        <option>大学英语</option>
        <option>C++程序设计</option>
        <option>C#程序设计</option>
        <option>HTML、CSS</option>
    </select></td><td style="width:50px">
    <input type="button" id="right" value=">" />
        <input type="button" id="left" value="<" />
    </td><td>
    <select id="select2" style="width:100px" size="10">
    </select>
        </td>
            </tr>
        </table>
</body>
</html>