<!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. JMeter接口自动化学习笔记（一）

    实例教程:https://blog.csdn.net/kasijia/article/details/79405815 https://www.cnblogs.com/rd-ddddd/p/95782 ...

  2. JWT 身份认证优缺点分析以及常见问题解决方案

    本文转载自:JWT 身份认证优缺点分析以及常见问题解决方案 Token 认证的优势 相比于 Session 认证的方式来说,使用 token 进行身份认证主要有下面三个优势: 1.无状态 token ...

  3. python Django基础操作

    Django常用命令 创建Django项目 Django-admin startprotect  mysite 创建项目以后,以下生成的文件 最外层的file:mysite/ 根目录只是你的项目的容器 ...

  4. goroutine基础

    程序1: package main import ( "fmt" "time" ) func test () { var i int for { fmt.Pri ...

  5. harbor上传镜像

    在harbor服务器 1. 下载测试上传使用的镜像docker pull hello-world2. 打tagdocker tag docker.io/hello-world:latest 172.1 ...

  6. Codeforces 1249 E. By Elevator or Stairs?

    传送门 首先显然下楼的操作一定是不优的,所以只要考虑上楼 设 $f[i]$ 表示到第 $i$ 层时需要的最少时间 那么首先考虑走楼梯,有转移,$f[i]=f[i-1]+a[i-1]$ 然后考虑坐电梯有 ...

  7. java 获取json字符串中key对应的值

    用到了Gson的JsonParser maven项目引入 <dependency> <groupId>com.google.code.gson</groupId> ...

  8. redis键的迁移操作

    1.redis单个实例内多库间的数据迁移操作 命令名称:move 语法:move key db 功能:将当前数据库的key移动到给定的数据库db当中.如果当前数据库(源数据库)和给定数据库(目标数据库 ...

  9. IntelliJ IDEA调出problem窗口

    一.File =>Settings 二.搜索Compiler=>勾选Make project automatically 三.出现问题Problems窗口会报错 原文地址:https:// ...

  10. （八）CXF之用spring添加拦截器

    一.案例 本章案例是基于CXF之自定义拦截器基础之上改造的,目的是在服务端中用spring添加拦截器 配置web.xml <?xml version="1.0" encodi ...