搜索
搜索

当元素在浏览器中显示时如何获得相同的内容

DeLe 发表于 Dev
13
他的

我尝试在元素中获取内容，并且希望在浏览器中显示内容相同

例

<pre class="yyy">Hello this is <span style="display: none;"> test </span> text </pre>

和 

// how to alert (get) content like when it shown on browser: Hello this is  text
alert($(".yyy").html());

我希望警报结果是：Hello this is text在浏览器上显示时相同。那可能吗？怎么做，谢谢。

这是我的代码

伯伯

我认为这就是您想要的。

jQuery.fn.visibleText = function() {
  return $.map(this.contents(), function(el) {
    if (el.nodeType === 3) {
      return $(el).text();
    }
    if ($(el).is(':visible')) {
      return $(el).visibleText();
    }
  }).join('');
};

alert($(".yyy").visibleText());

这是一个小提琴。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过ReactJS中的数组进行映射时，即使数组中包含元素，浏览器中也不会显示任何内容

来自分类Dev

Java，从 DOM 中获取带有标签的文本内容，与浏览器显示的顺序相同

来自分类Dev

如何在移动设备中获得与PC浏览器中相同的外观字体？

来自分类Dev

如何在浏览器中获得相同的<input type =“ color”>值更改功能？

来自分类Dev

如何从 mysql 中的真实数据在浏览器上获得相同的日期结果？（时区）

来自分类Dev

使用最大宽度和浮动元素跨浏览器时，如何使容器宽度适合内容？

来自分类Dev

当内容更宽时，如何使元素保持在浏览器的窗口宽度之内？

来自分类Dev

当我的浏览器没有指定它会接受的内容时，它如何显示 pdf？

来自分类Dev

从heroku访问s3内容时，AWS访问密钥显示在浏览器URL中

来自分类Dev

在浏览器中打开网站时，为什么没有显示任何内容？

来自分类Dev

我如何获得Team City构建以显示在TFS的构建浏览器中

来自分类Dev

如何使用从文件浏览器获得的路径在 tkinter 的画布对象中显示图像

来自分类Dev

使用JavaScript从iframe中检测浏览器，并根据浏览器显示不同的<div>内容？

来自分类Dev

在浏览器中显示HTTP响应的内容而不刷新

来自分类Dev

PHP在浏览器中不显示任何内容

来自分类Dev

当用户在SignalR Blazor中关闭浏览器时如何获得通知？

来自分类Dev

如何使用watir在浏览器中显示文本文件的内容？

来自分类Dev

页面加载期间如何在浏览器中显示任何内容

来自分类Dev

在 Angular 1.5 中刷新浏览器时如何保留相同的页面？

来自分类Dev

在浏览器中打开时，如何将内容置于固定标题或导航下？

来自分类Dev

仅在文本浏览器中显示HTML元素？

来自分类Dev

如何获取要在excel Web浏览器中显示的网页元素

来自分类Dev

浏览器扩展：加载元素时如何执行功能

来自分类Dev

当用户更改 <select> 元素中的选定选项时，如何修改当前显示在浏览器中的 HTML？(asp.net)

来自分类Dev

网站元素显示在浏览器中，但当我尝试使用检查元素访问它时隐藏

来自分类Dev

在浏览器窗口顶部显示内容

来自分类Dev

浏览器在朗读时如何突出显示单词/句子？

来自分类Dev

如何阻止浏览器调用中的iframe内容

来自分类Dev

如何在浏览器中调试“混合内容”错误？

Related 相关文章

  1. 1

    通过ReactJS中的数组进行映射时，即使数组中包含元素，浏览器中也不会显示任何内容

  2. 2

    Java，从 DOM 中获取带有标签的文本内容，与浏览器显示的顺序相同

  3. 3

    如何在移动设备中获得与PC浏览器中相同的外观字体？

  4. 4

    如何在浏览器中获得相同的<input type =“ color”>值更改功能？

  5. 5

    如何从 mysql 中的真实数据在浏览器上获得相同的日期结果？（时区）

  6. 6

    使用最大宽度和浮动元素跨浏览器时，如何使容器宽度适合内容？

  7. 7

    当内容更宽时，如何使元素保持在浏览器的窗口宽度之内？

  8. 8

    当我的浏览器没有指定它会接受的内容时，它如何显示 pdf？

  9. 9

    从heroku访问s3内容时，AWS访问密钥显示在浏览器URL中

  10. 10

    在浏览器中打开网站时，为什么没有显示任何内容？

  11. 11

    我如何获得Team City构建以显示在TFS的构建浏览器中

  12. 12

    如何使用从文件浏览器获得的路径在 tkinter 的画布对象中显示图像

  13. 13

    使用JavaScript从iframe中检测浏览器，并根据浏览器显示不同的<div>内容？

  14. 14

    在浏览器中显示HTTP响应的内容而不刷新

  15. 15

    PHP在浏览器中不显示任何内容

  16. 16

    当用户在SignalR Blazor中关闭浏览器时如何获得通知？

  17. 17

    如何使用watir在浏览器中显示文本文件的内容？

  18. 18

    页面加载期间如何在浏览器中显示任何内容

  19. 19

    在 Angular 1.5 中刷新浏览器时如何保留相同的页面？

  20. 20

    在浏览器中打开时，如何将内容置于固定标题或导航下？

  21. 21

    仅在文本浏览器中显示HTML元素？

  22. 22

    如何获取要在excel Web浏览器中显示的网页元素

  23. 23

    浏览器扩展：加载元素时如何执行功能

  24. 24

    当用户更改 <select> 元素中的选定选项时，如何修改当前显示在浏览器中的 HTML？(asp.net)

  25. 25

    网站元素显示在浏览器中，但当我尝试使用检查元素访问它时隐藏

  26. 26

    在浏览器窗口顶部显示内容

  27. 27

    浏览器在朗读时如何突出显示单词/句子？

  28. 28

    如何阻止浏览器调用中的iframe内容

  29. 29

    如何在浏览器中调试“混合内容”错误？

热门标签

归档