`

jquery的使用之动态生成DOM

 
阅读更多

在项目中经常遇到需要动态添加DOM,下面来讲解一下如何动态生成:

function addDomTest(){
      var vIndex = jQuery("#Question-List").find("tr").length;
      var vQuestionRow = [];
       vQuestionRow.push("<tr id='tr"+(vIndex+1)+"' index="+vIndex+">");
        vQuestionRow.push("<td style='text-align:center'>"); //序号
        vQuestionRow.push("<input type='hidden' name='riskAuditQuestionDTOs["+vIndex+"].id' value=''/>");
	vQuestionRow.push("<span>"+(vIndex+1)+"</span>");
	vQuestionRow.push("</td>");
      
       vQuestionRow.push("</tr>");
       jQuery("#Question-List").append(vQuestionRow.join(""));
}

   

分享到:
评论

相关推荐

    基于jquery的关于动态创建DOM元素的问题

    在我们实际的项目之中,相信有很多的朋友直接使用了以下的格式创建DOM元素。

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现,页面渲染后动态生成的dom,在生成之前的代码是没办法取到相应对象的,必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: &lt;input type=text v-model...

    基于Jquery的动态创建DOM元素的代码

    jquery动态创建页面元素,mark一下,以备以后查询时使用。以创建div和input为例。

    jQuery学习笔记之创建DOM元素

    主要介绍了jQuery学习笔记之创建DOM元素的相关资料,需要的朋友可以参考下

    JQuery创建DOM节点的方法

    本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下: 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点,然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM...

    关于动态生成dom绑定事件失效的原因及解决方法

    之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下: ...

    dom,jstl,jquery-jar

    dom树,jstl-EL表达式,jQuery,qr-二维码生成jar,希望对大家有帮助

    JQuery动态创建DOM、表单元素的实现代码

    代码很简单,直接上代码。别忘记引用JQuery包。

    jquery插件使用方法大全

    jQuery就是如此强大,你可以轻易地找到DOM中的任何元素,而这也是jQuery设计之初query的真实含义(查询)。 编辑本段Jquery对象  jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象...

    jQuery创建DOM元素实例解析

    主要介绍了jQuery创建DOM元素的方法,实例分析了jQuery使用$直接创建DOM元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery如何获取动态添加的元素

    一、问题描述  用jQuery的append()方法动态添加了一段html代码之后,发现在为新添加的元素绑定... live()的详细使用方法可以查看jQuery live()  live()和bind()的区别就是live不仅可以给页面中现有的元素绑定事

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。...11.32 使用jQuery操作DOM的限制

    jQuery 如何先创建、再修改、后添加DOM元素

    如何一气呵成地,on the fly地操作DOM元素呢? 例如顺序执行【创建】-&gt; 【修改】-&gt; 【添加】三个动作。 由于jQuery支持链式操作,其实就是设计模式的builder模式,所以我们可以把三个操作串在一起来执行。 首先创建...

    jQuery中DOM树操作之复制元素的方法

    本文实例讲述了jQuery中DOM树操作之复制元素的方法。分享给大家供大家参考。具体分析如下: 复制元素 前面提到的操作包括:插人新创建的元素、将元素从文档中的一个位置移动 到另一个位置,以及通过新元素来包装已有...

    14jQueryDOM节点操作.docx

    开发工具与关键技术:Visual Studio jQueryDOM节点操作相关知识点 创建DOM节点

    jQuery.idfy:一个简单的 jQuery 插件,用于为 DOM 元素生成随机 ID

    一个简单的 jQuery 插件,它为当前集合中还没有的所有元素生成随机 ID。 用法 // Generates ids for all elements with class "foo". If they already have an id, // nothing happens. $ ( '.foo' ) . idfy ( ) ;...

Global site tag (gtag.js) - Google Analytics