如何循环赋值，用clipboard.js实现多个button复制多个相对应的内容

Question

问题阐述：有15个div分别含有不同代码片段sqlcode[i]，每个div下有一个复制按钮btn[i]，同时按钮复制成功会显示一个check[i]的图标。现在，想简化代码，请大牛指点！！！html源码js源码

Answer 1

你的复制的按钮用class来写
<input class='copy_item' id='copy_item1' readonly value='你要复制的值' style='border: none;background:none;box-shadow: none;width: auto;' />
点击复制
js如下
var doms = [];

                $('.copy-btn').each(function() {

                    doms.push(this);

                });

                var clip = new ZeroClipboard(doms);

                //设置aftercopy事件让复制成功后弹窗提示

                clip.on('aftercopy', function() {

                    alertx('复制成功');

                });

                clip.on('error', function (event) {

                        $this.hide().before(event.message);

                        ZeroClipboard.destroy();

                    });