JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.steamdev.com/zclip/js/jquery.zclip.js"></script>
<body>
<div class="search-results">
<div>
<p>
<span class="policy-number hidden">copy</span>
<span>This Works</span>
</p>
<p> This table doesn't</p>
<table cellspacing="0" rules="all" border="1" id="gvSearchResults" style="border-collapse:collapse;">
<tbody><tr style="color:White;background-color:#5D7B9D;font-weight:bold;">
<th scope="col"> </th><th scope="col">Policy Number</th><th scope="col"><a href="javascript:__doPostBack('gvSearchResults','Sort$POLICY_STATUS')" style="color:White;">Policy Status</a></th><th scope="col"><a href="javascript:__doPostBack('gvSearchResults','Sort$LAST_MODIFIED_BY')" style="color:White;">Last Modified_by</a></th><th scope="col">TCAS Notes</th>
</tr><tr>
<td><a href="javascript:__doPostBack('gvSearchResults','Select$0')">Select</a></td><td>
<span class="policy-number hidden">copy</span>
<span>EMN5001895-00</span>
</td><td>Policy</td><td> </td><td>
<input name="gvSearchResults$ctl02$ctl01" type="hidden" class="tcas_notes" value="04/11/2011 09:24:00 - Amy Bellingrath - cc dec for ren - emailed christadsandig@yahoo.com
02/11/2011 15:03:00 - JM - LM and emailed to offer ALZ rollover">
<a class="noteslink ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-secondary" role="button"><span class="ui-button-text">Notes</span><span class="ui-button-icon-secondary ui-icon ui-icon-document"></span></a>
</td>
</tr><tr style="color:#284775;background-color:#E2E2E2;">
<td><a href="javascript:__doPostBack('gvSearchResults','Select$1')" style="color:#284775;">Select</a></td><td>
<span...
JavaScript
$(document).ready(function() {
var selectedElement = null;
$(".policy-number").zclip({
path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf",
copy: function() {
return $(this).text();
},
afterCopy: function() {
alert('ok')
}
});
});