使用 jQuery 插入 HTML

2024-01-11

如果我有一个 HTML 块,例如:-

<div id="t1">
    <div>
        <input type="text" value="Bla"/>
    </div>
    <!--INSERT JQUERY HTML HERE--> </div>

我该如何插入由用户点击我的评论生成的 HTML?对于每个用户操作,我需要插入一个代码块,该代码块将遵循以下内容:

<div id="block1"><span>bla bla bla</span></div>

因此理论上,经过几次点击后,我们最终可能会得到如下结果:

<div id="t1">
    <div>
        <input type="text" value="Bla"/>
    </div>
    <div id="block1"><span>bla bla bla</span></div>.
    <div id="block2"><span>bla bla bla</span></div>.
    <div id="block3"><span>bla bla bla</span></div>.
</div>

我知道append()功能,但我不确定这是否适用于此。

如果有人对 HTML 代码有更好的解决方案,请提出建议。


Yes, 附加效果很好 http://jsfiddle.net/MmHrg/:

$('#t1').append('<div id="block1"><span>bla bla bla</span></div>');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jQuery 插入 HTML 的相关文章

  • 简单模式对话框中链接的 Tab 键顺序

    我正在使用优秀的 jquery simplemodal 对话框插件来显示项目列表 这些项目包含超链接 除了模式对话框中的链接不会作为选项卡顺序的一部分出现之外 一切都很好 我尝试显式设置 tabindex 但由于某种原因 只有输入元素按 T
  • 了解设置 JQuery 变量

    了解设置 JQuery 变量 最近 我通过在 StackOverflow 上遇到的另一个问题寻找帮助 了解到如何设置 JQuery 变量 如下所示 您可以通过简单地调用变量来创建输入字段 并且锚变量似乎也定义了样式 var clicked
  • CSS 中的像素与像素密度

    我对 HTML 和 CSS 非常陌生 我突然想到 当决定某个东西是 5px 时 比如说 由于像素的物理尺寸取决于密度 所以 5px 在 100 ppi 的屏幕上看起来肯定比在 300 ppi 的屏幕上看起来更大ppi 这是正确的吗 如果是
  • Rails 4 可安装引擎,找不到文件“jquery”

    我正在创建一个 Rails 可安装引擎插件 它使用 gem jquery rails 我在 gemspec 文件中添加了这段代码 s add dependency jquery rails gt 3 0 1 and run bundle i
  • jquery.find() 可以只选择直接子项吗?

    我应该向 jQuery find 提供什么参数来选择元素子元素而不选择其他元素 我不能用 gt 引导选择器 而用 将选择所有后代 而不仅仅是直接子代 我知道 jQuery children 但这是一个库 因此用户能够提供自己的选择器 并且我
  • 禁用引导列上的滚动

    我正在尝试禁用引导列上的滚动 这是我的代码 div class container fluid h 100 div class row h 100 div class col 4 h 100 bg dark fixed div div cl
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 如何监听 jQuery AJAX 请求?

    以下两种实现 ajaxRequest 1 2 的方法应该是等效的 话说回来 为什么验证回调已执行的单元测试 3 在 1 中成功而在 2 中失败 我应该如何重写测试 3 来监视 2 中的成功回调 如果我尝试stub jQuery ajax使用
  • 保持未知数量的 div 居中,每行最多 4 个

    我有一个简单的问题 但我自己无法解决 简而言之 有一个未知电话我必须在页面中放置的元素数量 最多 每行 4 个元素 但仍居中 此图片给您一个提示 我为了示例而设置它 详细 在上图中我涵盖了不同的场景 例如 如果总共有 5 个元素 则应使用第
  • jquery从变量中删除html元素

    我将 html 保存在变量中 var itinerary events today html 我有很多 html 和一个按钮我想删除 它的 ID 为 myButton 如何从变量中保存的 html 中删除它 我建议这种方法 var itin
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 如何在使用页面锚点导航时设置“激活”类以在 Angular 2 中引导导航栏?

    我正在使用 Angular 2 和 Bootstrap 4 创建一个单页网站 我创建了一个始终位于页面顶部的导航栏组件 并且我正在使用页面锚点导航 id 请注意 我还没有创建路由模块 到目前为止还没有必要这样做 导航栏代码如下
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 为什么元素上的负底部边距会降低该元素父元素的高度?

    这可能是由于边距折叠造成的 我知道边距折叠 至少知道它如何影响相邻元素 但我不明白当涉及负边距时它如何在嵌套元素上工作 例如 在此标记和随附的 CSS 中 Markup div class parent div class child Ch
  • 长轮询会冻结浏览器并阻止其他 ajax 请求

    我正在尝试在我的中实现长轮询Spring MVC Web 应用程序 http static springsource org spring docs 2 0 x reference mvc html但在 4 5 个连续 AJAX 请求后它会
  • 如何获取浏览器视口中当前显示的内容

    如何获取当前正在显示长文档的哪一部分的指示 例如 如果我的 html 包含 1 000 行 1 2 3 9991000 并且用户位于显示第 500 行的中间附近 那么我想得到 500 n501 n502 或类似的内容 显然 大多数场景都会比
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a
  • 在 ASP.NET Core MVC 中访问从视图到控制器的隐藏值

    我需要帮助使用 jQuery 从 ASP NET Core razor 视图页面传递隐藏控件值 jQuery 用于获取动态控件选定的值 section scripts
  • 如何在 AngularJS 循环内使用标签

    所以我在里面ng repeat像这样 li li

随机推荐

  • 寻找一个好的 C++ 库来解析 AMF3 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 使用阿姆达尔定律计算性能增益

    我对阿姆达尔定律来确定性能增益和串行应用程序部分感到困惑 但未能弄清楚这一点 已知的是以下内容 S N Speedup factor for N CPU s N Number of CPU s f The part of the progr
  • 使用 REST 服务上传文件

    我使用以下 REST 服务 来自本教程 https javatutorial net java file upload rest service 使用 jersey 多部分实现将文件从不同数量的客户端上传到我的 GlassFish 服务器
  • 使用 UIAppearance 设置 UITableView 的背景颜色

    我正在尝试普遍更改表格视图的背景颜色 它是 UINavigationController 和 TabBarController 应用程序的组合 我尝试将以下内容放入 AppDelegate applicationDidFinishLaunc
  • 是否有任何 EJB 迁移工具可用于将 EJB 2.1 迁移到 EJB 3.x

    最好的方法可能是手动完成 但在大型项目中 您需要一些工具来帮助您 正是这个想法促使我寻找一种工具 是否有任何 EJB 迁移工具可用于将 EJB 2 0 迁移到 3 x 它只开发了很短一段时间 但在一段时间内我们确实有一个 eclipse 插
  • 将 JPanel 保存为图像

    我正在开发一个应用程序 允许用户在图层中加载图像 用户可以在另一层上绘制一些图片并仅保存用户绘制的图像 这是我的代码 import java awt Dimension import java awt Graphics import jav
  • Nginx:stat() 失败(13:权限被拒绝)

    我使用默认配置 同时添加安装在我的 ubuntu 12 04 机器上的 nginx 的特定目录 server listen 80 listen for ipv4 this line is default and implied listen
  • 如何让Python除以-0.0和0.0分别得到-Inf和Inf?

    我遇到的情况是 除以 0 0 或 0 0 是合理的 我希望分别看到 Inf 和 Inf 作为结果 看起来Python很喜欢抛出一个 ZeroDivisionError float division by zero 在任一情况下 显然 我认为
  • 如何从Windows命令提示符修改Java控制面板选择(对应于deployment.properties文件)?

    如何从Windows命令提示符修改Java控制面板选择 对应于deployment properties文件 具体来说 我正在寻找可以影响更改的命令 Action for local applets 选择 在 Custom Security
  • 使用一些 Maven 插件重命名 jar 内的文件

    我有一个由 maven shade plugin 构建的 jar 它包含带有多个文件的 META INF services 这些文件的名称错误 因为错误https issues apache org jira browse MSHADE 1
  • 我可以在没有 Bluemix 的情况下使用 IBM Watson 服务吗?

    我一直在使用 AWS 来托管我的后端服务器 注册帐户的最佳方式是什么 这样我就可以直接从我的服务器调用 Watson 服务 而无需在 Bluemix 上拥有帐户 如果是 怎么办 我在 Watson 的网站上找不到这个 谢谢 您绝对可以从 B
  • 在两个屏幕上运行的 iOS 应用程序(无镜像)

    我创建了一个 iPad 应用程序 其中包含幻灯片 当用户点击该幻灯片时 他 她可以输入一些信息 我现在想做的是通过AirPlay 或电缆 如果可能的话 但这似乎只是镜像 连接电视和iPad时在电视上显示幻灯片内容 这可以做到吗 我们能否让幻
  • Spark 结构化流式传输多个 WriteStream 到同一接收器

    Two Writestream在 Spark Structured Streaming 2 2 1 中 到同一个数据库接收器的操作不会按顺序发生 请建议如何使它们按顺序执行 val deleteSink ds1 writestream ou
  • jquery跨域认证

    我将 Jetty 服务器配置为允许跨域 http 请求 allowedOrigins 并允许使用其 CrossOriginFilter 进行跨域身份验证 allowCredentials true 无需身份验证的跨域 http 请求可以正常
  • SQL - 插入一行并返回主键

    我已在存在主键的表中插入了包含一些数据的行 如何 SELECT 刚刚插入的行的主键 我应该更具体地提到我目前 使用 SQLite 对于 MS SQL Server SCOPE IDENTITY http msdn microsoft com
  • 如何在React typescript中读取xml文件(toolsbox.xml)

    我无法在 tsx 文件中导入 xml 文件 但在 jsx 文件中我可以访问该 xml 文件 您需要为打字稿定义一个模块来评估 否则它将尝试寻找类似的东西toolbox xml ts 名为 XML d ts 的文件中的一些内容 为此放置在 s
  • Vue 警告:未知的自定义元素: - 您是否正确注册了组件?

    我是一名新生 当我使用自定义组件时 它给了我这个错误 Vue warn Unknown custom element 您是否正确注册了组件 The ModalBase组件中使用的组件NoticeModal vue and NoticeMod
  • 实体框架支持的数据库

    我将制作一个最终用户桌面应用程序 因此我需要一个相对较小的数据库 例如 Firebird 或 SqlLite Entity Framework 4 是否支持 SQL Server 以外的其他数据库 ADO NET 数据提供程序 http m
  • ReactJS:我可以创建自己的 SyntheticEvent 吗?

    我正在使用 ReactJS 它是 SyntheticEvent 来跟踪事件及其目标 DOM 节点 我正在创建一些可变组件 我希望它们触发 SyntheticEvent 来跟踪 DOM 并使用以下命令跟踪更改的值e target and e
  • 使用 jQuery 插入 HTML

    如果我有一个 HTML 块 例如 div div div div