如何使用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()