2 qq 34702750 qq_34702750 于 2016.04.29 13:31 提问

如何在html中遍历回显已经取出的数据?

图片说明
这是html代码,都是用的标签
图片说明
这是js代码,数据已经取到,能完成部分的数据回显
图片说明
这是效果

我现在的需求是,我查出的数据全部回显到页面上,我该如何循环遍历这个html标签才能达到这样的效果?求大神帮忙

3个回答

u012418098
u012418098   2016.04.29 13:53

根据拿到的数据动态生成整个页面或者在每个表签上添加一个id,返回son的时候也带上这个id作为一个属性,到时候根据id获取标签再赋值。
ps:[{txt:"h2内容",id:"001"},{id:"002",txt:"测试"}]

$("#"+id).html(txt);
</div
u012418098
u012418098 你是要把json数据放到固定的位置,首先你要知道怎么样让你存放数据的标签和你的json数据关联起来,不然你不知道那个数据要放在那个标签里面。你要做的就是根据拿到的数据找到对应的标签,给这个标签赋值。
大约 2 年之前 回复
qq_34702750
qq_34702750 回复三岁打酱油: 你说的那个方法,能具体一点吗。。我不会写..
大约 2 年之前 回复
qq_34702750
qq_34702750 我是有一个html页面的,不需要完全自己手动生成,我就想有没有办法通过循环这个div,让我的json数据自动放到div中?
大约 2 年之前 回复
u012418098
u012418098 回复qq_34702750: 你可以不使用c标签,直接用createElement()和appendChild()用循环就可以动态生成页面了,或者是像上面那你的json格式改一下{count:"999",name:"aaa",title:"title",content:"xxx"}改成[{id:"count",value:"999"},{id:"name",value:"aaa"},{},{}]这个id就是你页面上动态生成的标签的id,最后用jquery获取到标签赋值就可以了
大约 2 年之前 回复
qq_34702750
qq_34702750 没看明白...我想动态生成整个页面的...html中没有像<C:foreach>这样效果的标签嘛...
大约 2 年之前 回复
Miss_Pirate
Miss_Pirate   2016.04.29 14:14

$.each()呗,顶多带上两个参数index和content

qq_34702750
qq_34702750 js中代码循环,我下面标签也要根据js动态生成对应的标签,html是怎么循环标签的?
大约 2 年之前 回复
u010675729
u010675729   2016.04.29 14:46

把数据拿出来看啊,一般来说就是通过AJAX请求到JSON,然后用$.each()遍历啊

qq_34702750
qq_34702750 不确定返回的json几条,所以下面html要根据返回的json数据的条数动态的生成div,让这些数据能够回显到页面上,有什么好的方法吗
大约 2 年之前 回复
qq_34702750
qq_34702750 不确定返回的json几条,所以下面html要根据返回的json数据的条数动态的生成div,让这些数据能够回显到页面上,有什么好的方法吗
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html数据回显
今天做了一个功能,需要对html进行数据回显,要求是这样的,在此界面选择标签后跳转到下一个界面,选中的标签依然是选中状态,这里提供一种解决方案跟部分代码 方案:把需要回显的数据提交到后台,早controller接收后,封装为json返回到前台,前台把json通过eval函数转为变量使用 后台controler接收回显数据代码如下 public String xxxxx(HttpServ
回显带 forEach 循环的下拉框
select class="combobox pull-left" id="updateProviderName" style="margin-left: 10px;width: 185px"> c:forEach items="${providerList}" var="prd"> option value="${prd.providerId}"
html回显select
select id="csrqnf" name="csrqnf" id="selecte" class="shortselect" value="${nfResult}">                                                                                option value="">---请选择年份--option>
select 下拉列表数据回显
今天写代码的时候出现了一个问题。 当我按课程进度不到100%进行查询的时候,出现的是上图的结果。这没问题。点击下一页的时候。出现的结果应该也是正常的才对 这是因为我点击查询完了以后,返回本页面的时候 对课程进度下拉框进行数据回显。 代码如下 如果不进行数据回显会出现什么样的结果呢? 就是你选择课程进度进行查询。查询完了以后。页面显示的结果是正确的。但是select下拉框默
HTML文本域回显
${questionnaire.explain} CKEDITOR.replace( 'explain' );
js接收后端数据回显checkbox打上勾
js一般直接接收springmvc后端传递过来的数据,数据一般通过model过来,里面存放的是对象,js中一般不能处理对象数据,所以在controller层把对象数据进行重新封装成(字符串等js可以识别的数据),例如:controller传递过来的是一个包含多个id的list集合,里面存放的是对象,就需要在controller层对这个list集合进行遍历,获取每个id然后,使用字符串存取,然后通过
UEditor保存HTML到数据库及回显
//设置根路径 window.UEDITOR_HOME_URL = "${ctx}/js/ueditor/"; $(function(){ var toolbars = [["fullscreen","source","undo","redo","insertunorderedlist", "insertorderedlist","cleardoc","selectal
Struts2中的数据回显
Struts2中我们为什么要用数据回显呢?比如,当我们提交的数据有错误时,这时候我们在表单页面就需要提示错误信息。 就拿上一篇中的数据类型转换的问题来说明数据回显。当我们没有实现自定义的数据类型转换器,那我当我们提交 9/1/1999 这样的日期时就会出错。 那么我们怎样将错误信息回显呢。首先我们需要在struts配置文件中,写入input类型的result结果,当接收到错误信息跳转回表单界面。其
数据库回显信息读取到页面的方法
为了把数据库中所存的由执行命令产生的回显,显示到页面上,对取出的库中的数据进行操作。 主要显示问题: 一、在库中的那些有回车和空格等特殊符号的,不能正常显示在页面上,需要对这些符号进行replace替换。                     eg: public void showOutput() {                                 CommandDao
bootstrap-select标签 在做回显选中的时候
在添加数据的时候,其中传参方式,在拼接之后它自带一些样式,下拉状态想要获取选中的value值 可以通过下面方法 function getSelectedVal(id){ var html = $('button[data-id='+id+'] span.filter-option').html(); if(!html) return; var arr = html.spli