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

前端之家收集整理的这篇文章主要介绍了如何使用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相关文章