HTML JQ向前或向后添加元素

admin

<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <按钮 点击回调="向前添加()">向前添加</按钮>
        <按钮 点击回调="向后添加()">向后添加</按钮>

        <区块 类名="区块样式">
            <超链接 链接地址="">我是超链接</超链接>
        </区块>
        <样式>
            .区块样式 {
                高度: 200px;
                宽度: 200px;
                背景-颜色: 颜色值-橙色;
                溢出: 隐藏;
            }
        </样式>
        <!--这里编写网页代码-->
        <脚本>
            变量 i = 0;

            定义函数 向前添加() {
                i++;
                局部变量 HTML = ` <按钮>我是添加的按钮</按钮>`;
                HTML = HTML.替换("我是添加的按钮", "我是添加的按钮" + i);
                调试输出(HTML);
                $(".区块样式").元素内向前添加内容(HTML);
            }
            
             定义函数 向后添加() {
                i++;
                局部变量 HTML = ` <按钮>我是添加的按钮</按钮>`;
                HTML = HTML.替换("我是添加的按钮", "我是添加的按钮" + i);
                调试输出(HTML);
                $(".区块样式").元素内向后添加内容(HTML);
            }
        </脚本>
    </网页主体>
</网页>