JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
<!-- <a id='copy' href="#">Copy</a><br>
<a id='copy2' href="#">Copy</a><br>
<a id='copy3' href="#">Copy</a><br>
 -->
<table border="1px">
<thead>
  <tr>
    <th>File name</th>
    <th>Format for Markup/Preview</th>
    <th>Action</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>12.jpg</td>
    <td class="content">12.jpgboo </td>
    <td class='coo'>
        <div class="zclip-wrapper">
            <a href="javascript:void(0)" class="my_clip_button" id="d_clip_button12">Copy</a>
        </div>
    </td>
  </tr>
  <tr>
    <td>11.jpg</td>
    <td class="content">11.jpgboo </td>
    <td class='coo'>
        <div class="zclip-wrapper">
            <a href="javascript:void(0)" class="my_clip_button" id="d_clip_button11">Copy</a>
        </div>
    </td>
  </tr>
</tbody>
</table>

CSS

.zclip-wrapper {
    position: relative;
}

JavaScript

$(document).ready(function(){
    $('a').zclip({
        path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
        copy:function(){return $(this).closest('tr').find('.content').text()},
        beforeCopy:function(){
            //alert($(this).closest('tr').find('.content').text());
        }
    });
});