<!DOCTYPE html>

<html>

     <head>

          <meta charset="utf-8">

          <title></title>

          <style>

              *{margin:20px;padding:20px;}

          </style>

     </head>

     <body>

    <table>

    <tr>

                <th id="Copy" title="点击A可以复制整个列">A</th>

                <th>B</th>

                <th>C</th>

                <th>D</th>

                <th>E</th>

        </tr>

        <tr>

                <td class="shuzi">aaaaaaaaaaaaaa</td>

                <td>2</td>

                <td>3</td>

                <td>4</td>

                <td>5</td>

        </tr>

        <tr>

                <td class="shuzi">bbbbbbbbbbbbb</td>

                <td>2</td>

                <td>3</td>

                <td>4</td>

                <td>5</td>

        </tr>

        <tr>

                <td class="shuzi">ccccccccccc</td>

                <td>2</td>

                <td>3</td>

                <td>4</td>

                <td>5</td>

        </tr>

        <tr>

                <td class="shuzi">dddd</td>

                <td>2</td>

                <td>3</td>

                <td>4</td>

                <td>5</td>

        </tr>

    </table>

</body>

<script src="jquery.min.js"></script>

<script type="text/javascript">

$("#Copy").click(function(){

    var arr=$(".shuzi");

    var values=new Array();

    for(var i=0;i<arr.length;i++){

    var td=arr[i].innerHTML;

    values[i]=td;

    }

    var j='';

    for(var i=0;i<values.length;i++){

        var j=j+values[i]+"\n";

    }

   var flag = copyText(j); //传递文本

   alert(flag ? "复制成功！" : "复制失败！");

})

    function copyText(text) {

        var textarea = document.createElement("textarea");//创建input对象

        var currentFocus = document.activeElement;//当前获得焦点的元素

        document.body.appendChild(textarea);//添加元素

        textarea.value = text;

        textarea.focus();

        if(textarea.setSelectionRange)

            textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置

        else

            textarea.select();

        try {

            var flag = document.execCommand("copy");//执行复制

        } catch(eo) {

            var flag = false;

        }

        document.body.removeChild(textarea);//删除元素

        currentFocus.focus();

        return flag;

    }

</script>

</html>

Jquery 实现table标题点击复制整列td内容到剪贴板的更多相关文章

  1. jq 点击复制div里面的内容 如果粘贴到富文本中，会将样式，里面所有的标签，文字一并粘贴进去

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  2. table 表格固定表头和第一列、内容可滚动

    整理了下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...

  3. JS+CSS - table 表格固定表头和第一列、内容可滚动 （转载）

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  4. oracel 复制A列的内容到列

    update jieguo1 t set t.chinesetablename =t.tablezhushi where length(t.chinesetablename) >= 15 and ...

  5. js遍历table 和 jquery 遍历table

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  6. 原生js封装table表格操作，获取任意行列td，任意单行单列方法

    V1.001更新增加findTable-min.js 本次更新,优化了代码性能方面,增加了部分新功能,可以获取多个table表格批量操作. 考虑到本人后面的项目中可能涉及到大量的表格操作,提前先封了 ...

  7. jquery实现点击复制到剪切板

    1.必须有先引入 jquery库 <script type="text/javascript" src="js/jquery.js"></sc ...

  8. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  9. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

随机推荐

  1. webstorm 2019.1.3 破解

    2019.11.28日,已过期,出门右转 https://blog.csdn.net/ft_sunshine/article/details/92065158 1.修改host文件,末尾添加 0.0. ...

  2. docker管理工具lazydocker

    docker管理工具lazydocker 简介 这是一个为了能再终端中更方便管理docker的工具 项目地址 https://github.com/jesseduffield/lazydocker 安 ...

  3. Python创建线程

    Python 提供了 _thread 和 threading 两个模块来支持多线程,其中 _thread 提供低级别的.原始的线程支持,以及一个简单的锁,正如它的名字所暗示的,一般编程不建议使用 th ...

  4. python学习-19 字典

    字典dict 1.dic = {key:value,key:value} 字典有{ }括住,字典的value可以是任意值,字典的key的值不包括列表和字典 di = {"age": ...

  5. centos7无网络环境下创建基于scratch镜像的Linux镜像，并带有Java运行环境

    一.准备 将下载好的jdk以及scratch镜像放在同一文件夹下:这里放在linux:2.0 二.导入scratch镜像 #docker load -i scratch.tar 三.创建dockerf ...

  6. 希尔排序——C语言

    希尔排序 希尔排序是插入排序的一种,又称“缩小增量排序”,希尔排序是直接插入排序算法的一种更高效的改进版本,关于插入排序可以看下这篇随笔:插入排序——C语言 (图片来源:https://www.cnb ...

  7. 面试经典算法：马拉松算法，最长回文子串Golang实现

    求一个字符串中最长的回文子串. package main import "fmt" /* 马拉松算法,求最长回文子串,时间复杂度:线性 */ func main() { // 回文 ...

  8. java封装数据类型——Long

    Long 是长整型 long 的封装数据类型.我们知道 long 相对于 int 的差异就是数据表示的范围扩大了,其它大部分特性都是一样的.所以 Long 跟 Integer 大部分方法都是相同的. ...

  9. Trie-Tree

    最近写了一些关于字典树的题目,这里做个简单的整理. 字典树,又叫单词查找树,顾名思义就是查单词的(不仅仅o),和词典一样.不同的是词典是用纸做的,而字典树是用树形结构构建的. 她用来快速检索你要的内容 ...

  10. 把zTree前的展开收起图标改为三角形，且只有在点击三角形图标时才展开子节点解决方案

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta ht ...