jquery的使用之动态生成DOM

最新推荐文章于 2023-06-26 13:49:59 发布

原创最新推荐文章于 2023-06-26 13:49:59 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery的使用专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用jQuery实现动态添加DOM元素的方法。通过获取当前表格行数，构造新的表格行并将其添加到指定ID的元素中。

在项目中经常遇到需要动态添加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(""));
}