如何使用JQuery(或Javascript)获取可视文本

我有转换Japanese Kanji into romaji (roman letters)的网站:

并且输出显示并隐藏CSS,用户需要根据其输入条件查看.例如:

<div id="output">
    <span class="roman">watashi</span> 
    <span class="english">I</span>
</div>

该接口允许用户根据他们想要看到的内容在watashi或I之间翻转和输出.

CSS使用jQuery和切换按钮隐藏一个或另一个. (隐藏机制简单地添加一个类到身体,让CSS做它的事情).

问题是当用户将文本复制/粘贴到Word中时,会复制所有内容.所以我决定使用一个系统来复制粘贴使用JavaScript和jQuery的文本,但问题重复:

$('#output').text()

输出watashi我即使我在页面本身不可见
而不是watashi.有没有办法得到可见的文字?

最佳答案
使用:visible selector of Jquery

在你的情况下,我想你想做:

$('#output').children(":visible").text() 

转载注明原文:如何使用JQuery(或Javascript)获取可视文本 - 代码日志