zClip - копировать только видимый текст

Question

Надеюсь, это простое решение:

При нажатии на кнопку я хочу иметь возможность копировать только текст, который виден внутри id="описание". Что я делаю неправильно?

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>

Answer 1

Он должен быть в родительском теге, таком как тег a p, а затем вызывать диапазон, видимый в этом теге.

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()
});