使用 javascript/jquery 用 html 填充 div

2024-02-09

这是我的问题:

我有一个div:

<div id="legend"></div>

我想在某些条件下用其他代码填充它:

<p>Showing results....
    Key:
    <img src="/....">&lt;=1
    &nbsp;<img src="/...">&lt;=2
    &nbsp;<img src="/...">&lt;=3
    &nbsp;<img src="/...">&lt;=4
    &nbsp;<img src="/...">&lt;=5

<p>

正如您所看到的,这是一个图例,我认为主要问题是我有双引号,不能使用例如此处的解决方案轻松包含双引号:用文本填充 div https://stackoverflow.com/questions/10756448/fill-div-with-text

感谢您的帮助!


据我了解,您正在尝试做这样的事情:

$("#legend").text("Your HTML here");

要插入 HTML,您应该使用.html(),但是使用它会更有效香草JS http://vanilla-js.com/像这样:

document.getElementById('legend').innerHTML = "Your HTML here";

现在,您还提到了双引号的问题。嗯,有两种可能的解决方案。

1:在字符串周围使用单引号:'<img src="/..." />'
2:转义引号:"<img src=\"/...\" />"

还有一件事:如果这些换行符实际上是在 HTML 中插入的,那么 JavaScript 中就不能有多行字符串。您在这里也有两个选择:

1:转义换行符:

"<p>\
    Hello, world!\
</p>"

2:连接:

"<p>\n"
    +"Hello, world!\n"
+"</p>"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 javascript/jquery 用 html 填充 div 的相关文章

随机推荐

  • 读取字节数限制

    Does fread一次可以读取的字节数有限制吗 或者我可以读取我想要添加到指针中的任何尺寸 例如 我可以使用fread读取一次50MB的文件并将其装入char指针吗 理论上 是的 它可以读取任意数量的字节 最多可达size t 这是一个u
  • 如何使用 C++ 在 OS X 中打开“打开文件”对话框?

    我正在开发一个使用 OpenGL 和 C 的应用程序 该应用程序解析文件中的一些结构化输入并以图形方式显示它 我想在应用程序加载时启动一个 打开文件 对话框 以允许用户选择他们想要显示的文件 我无法在网络上找到我需要的东西 有没有办法在 C
  • 无法在 C# 中访问 Amazon SQS 消息属性

    我有一个进程创建 SQS 消息并将它们放置在 SQS 队列中 另一个进程读取这些消息并根据消息正文的内容和属性执行某些逻辑 我可以在 SQS 队列上成功创建一条带有正文和属性的消息 但在读回消息属性时遇到问题 我确信我的消息创建过程是正确的
  • scrapy中403错误的解决方法

    我是 scrapy 的新手 我制作了 scrapy 项目来废弃数据 我正在尝试从网站上抓取数据 但收到以下错误日志 2016 08 29 14 07 57 scrapy INFO Enabled item pipelines 2016 08
  • 连接到上游时 nginx 错误:(13:权限被拒绝)

    我正在使用 ubuntu 14 04 LTS 的 google 计算引擎虚拟机上运行带有 puma capistrano 和 nginx 的 Rails 应用程序 我的 nginx 在外部 IP 上运行 当我访问它时 我在日志中收到两个 n
  • 在 Erlang 中如何将字符串转换为二进制值?

    在 Erlang 中如何转换string to a binary value String Hello should be Binary lt lt Hello gt gt 在 Erlang 中 字符串表示为整数列表 因此 您可以使用lis
  • 移动(android 和 ios)浏览器忽略隐藏在 body、html 和容器上的溢出

    我的网站有一些覆盖层 灯箱 我需要防止页面在它们打开时在它们下面滚动 所以我使用了一些 jQuery 来添加overflow hidden to body html page 这在桌面浏览器上运行良好 但移动浏览器似乎不遵循规则 我的页面结
  • 尝试在 Android 上使用 PhoneGap 插件时 window.plugins 未定义

    我无法在 android 中加载插件 我已将插件添加到plugins xml 列表中 并在我的项目中添加了java 代码 但当我打电话时window plugins我得到未定义的对象 为什么会发生这种情况 顺便说一句 我正在尝试使用共享插件
  • try/catch/finally ,当我在catch中返回时如何阻止finally?

    我有这段代码 我想阻止最终执行 try throw new Exception Try Error catch Exception exp Console WriteLine exp Message Console ReadLine if
  • 如何使用 RabbitMQ 主机列表连接参数

    我正在尝试使用IList
  • 在netbeans中停止执行程序的快捷方式

    I am using netbeans to code java and i was wondering if there is an option to have a program stopped by pressing a short
  • JavaScript 是否有未定义的行为?

    JavaScript 是否具有未定义的行为 类似于 C 或者它是否完全由规范明确定义并且是确定性的 请注意 我放弃了实现错误和规范差异 我也在丢弃类似的东西Math random and Date now 是否有一段 JavaScript
  • 在 Xcode 5 中将 iPhone NIB 转换为 iPad NIB

    我正在开发一个通用应用程序 嗯 有这个 将 iPhone xib 转换为 iPad xib https stackoverflow com questions 2488280 converting iphone xib to ipad xi
  • 获取 DOM 元素的图像数据

    是否可以 通过标准 JS 或某些浏览器扩展 获取 DOM 元素的图像数据 我正在考虑这样的用法 创建一个离屏 DOM 元素 动态地用一些 CSS 样式的内容填充它 获取其图像数据 use the image data somehow 作为背
  • 如何结合单索引和多索引 Pandas DataFrame

    我正在尝试连接多个 Pandas DataFrame 其中一些使用多索引 另一些使用单个索引 作为示例 让我们考虑以下单索引数据帧 gt import pandas as pd gt df1 pd DataFrame single 10 1
  • Mysql即使id错误也返回结果

    我在 id 值之后添加随机字符串时遇到问题仍然查询返回结果 理想情况下 它应该返回空结果 mysql gt select from pricelists where id 1abcd id name mark
  • 使用 Jest/Typescript 测试 fs 库函数

    我正在尝试测试我编写的库函数 它在我的代码中工作 但无法使用 fs 的模拟进行测试 我有一系列函数用于处理封装在函数中的操作系统 因此应用程序的不同部分可以使用相同的调用 我曾尝试遵循这个问题 https stackoverflow com
  • Ruby:意外的输入结束,需要 if 语句的 keywords_end

    我使用 Java 工作了几个月 现在正在转回 Ruby 我从以下代码中收到一个奇怪的错误 def count divisors divisor hash 25 times do i divisor hash i find dividends
  • << 目标 c 枚举中的运算符?

    我正在寻找一些东西并进入这个枚举是apple UITableViewCell h 如果这是微不足道的 我很抱歉 但我想知道 好奇这有什么意义 我知道 ruby 中的 enum UITableViewCellStateDefaultMask
  • 使用 javascript/jquery 用 html 填充 div

    这是我的问题 我有一个div div div 我想在某些条件下用其他代码填充它 p Showing results Key img src lt 1 nbsp img src lt 2 nbsp img src lt 3 nbsp img