使用Jquery选择并复制Code标记内的所有元素

时间:2019-09-16 09:25:19

标签: javascript jquery html

我正在寻找一种使用jquery复制整个代码块的方法,我已经有一个使用select()方法复制到剪贴板的脚本。但是根据jQuery文档,select事件仅限于字段和框。

因此,我正在寻求一种独立的解决方案,以一次复制代码块内的所有元素。

这是我的 HTML 的外观。

<pre><code id="texttocopy" class="hljs javascript"><span class="hljs-string">'core/base.html'</span>
#some more html
</code></pre>'
<button type="button" class="btn btn-primary btnFloat" id="copybutton"></button>

脚本

   $(document).ready(function () {        
            $("#copybutton").click(function () {
                console.log("clicked");

                $("#texttocopy").select();
                document.execCommand("copy");
})

1 个答案:

答案 0 :(得分:0)

您可以创建一个函数来执行此操作:

WITH parents AS (
  SELECT id leaf, id, name, parent_id,  0 AS relative_depth
  FROM agencies

  UNION ALL

  SELECT p.leaf, cat.id, cat.name, cat.parent_id, p.relative_depth - 1
  FROM agencies cat, parents p
  WHERE cat.id = p.parent_id
)

SELECT leaf, parents.id, parents.name as agency, parents.relative_depth
FROM parents
WHERE leaf IN (11, 13)

}