zClip-仅复制可见文本

zClip - Copy only visible text

本文关键字：文本 复制 zClip-      更新时间：2023-09-26

嘿，希望这是一个简单的解决方案：

单击按钮后，我希望能够只复制id="description"中可见的文本。我做错了什么？

HTML:

<p id="description"> Test <span style="display:none">test2</span></p>
<button type="button" id="copy-description">Click Me!</button>

jQuery:

<script type="text/javascript" src="js/jquery.zclip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#copy-description').zclip({
    path:'js/ZeroClipboard.swf',
    copy:$('p#description').text()
});
// The link with ID "copy-description" will copy
// the text of the paragraph with ID "description"

$('a#copy-dynamic').zclip({
    path:'js/ZeroClipboard.swf',
    copy:function(){return $('input#dynamic').val();}
});
// The link with ID "copy-dynamic" will copy the current value
// of a dynamically changing input with the ID "dynamic"
});
</script>

它需要像p标记一样位于父标记中，然后调用该标记中可见的span。

HTML:

 <p id="description">
    <span id=""> Test </span>
    <span style="display:none; visibility:hidden;">test2</span>
</p>

jQuery:

$('#copy-description').zclip({
    path:'js/ZeroClipboard.swf',
    copy:$('#description span:visible').text()
});
相关文章：