[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移

Posted liuyuexue520

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移相关的知识，希望对你有一定的参考价值。

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        select {
            width: 200px;
            height: 300px;
            font-size: 22px;
            background-color: #80ff45;
        }
    </style>
    <script src="jquery.min.js"></script>
</head>

<body>
    <!-- multiple  允许多选 -->
    <select name="" id="sel1" size="4" multiple="multiple">
        <option value="">香蕉</option>
        <option value="">大鸭梨</option>
        <option value="">苹果</option>
        <option value="">大西瓜</option>
    </select>

    <button>&gt;&gt;&gt;</button>
    <button>&lt;&lt;&lt;</button>
    <button>&gt;</button>
    <button>&lt;</button>

    <select name="" id="sel2" size="4" multiple=“multiple></select>




</body>

</html>
    <script>
        $("button").eq(0).click(function () {
            $("#sel2").append($("#sel1 option"))
        });
        $("button").eq(1).click(function () {
            $("#sel1").append($("#sel2 option"))
        });
        $("button").eq(2).click(function () {
            $("#sel2").append($("#sel1 option:selected"))
        });
        $("button").eq(3).click(function () {
            $("#sel1").append($("#sel2 option:selected"))
        });
    </script>

以上是关于[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移的主要内容，如果未能解决你的问题，请参考以下文章

js原生方式实现jquery中的append()方法

js原生怎么做到jquery append方法的效果

R语言为dataframe添加新的数据列（横向拼接Appending columns，Unioning columns）:使用R原生方法data.tabledplyr等方案

js append点击事件不生效

文件上传

Log4j2 - 动态生成Appender