js遍历拼写html,设置id?

为什么跟我这样设置id,遍历生成的id都是一样的,什么原因呢?
该用什么方法实现呢,就是上面span标签中的插入href对应下面的插入id?

代码:
for (var j = 0; j <forcount ; j++) {

        var zd = "<div class='panel panel-default'>";

        zd += "<div class='panel-heading'>";
        zd +="<span  data-toggle='collapse' data-parent='#accordion'>";
        zd+=chDeviceArrNew[j];
        zd +="</span>";
        zd +="</div>";

        zd +="<div  class='panel-collapse collapse in'>";
        zd+="<ul class='list-group'>";
              /* zd+="<li class='list-group-item'>"+"Cras"+"</li>";*/
        zd+="</ul>";
        zd +="</div>";

        zd += "</div>";


        $("span").attr("href",'#'+j);
        $(".panel-collapse").attr("id",j);


        $("#accordion").append(zd);


    }

结果:
图片说明

0

2个回答

1、把这个去掉,它们会覆盖你设置的值:

$("span").attr("href",'#'+j);
$(".panel-collapse").attr("id",j);

2、把href和id直接拼接进html

zd += "<div class='panel-heading'>";
zd += "<span  data-toggle='collapse' data-parent='#accordion'"+" href='#"+j+"'"+">";
zd += chDeviceArrNew[j];
zd += "</span>";
zd += "</div>";
zd += "<div  class='panel-collapse collapse in'"+" id='"+j+"'"+">";
zd += "<ul class='list-group'>";
zd += "</ul>";
zd += "</div>";
zd += "</div>";

3、望采纳

1
qq_42218258
你吃西瓜皮 回复qq_31122833: 嗯,放下面了。
7 个月之前 回复
qq_31122833
小达哥的垃圾桶 回复qq_42218258: 啥?有截图吗
7 个月之前 回复
qq_42218258
你吃西瓜皮 按照你说的,我拼写设置id为变量j,可是自动给我转成了字符串,\转义不过来。
7 个月之前 回复

你这在for循环里面取class取得不对,每一次循环,你的id都被覆盖导致所有的id变成最后一个11,class类选择器取得没有针对性,取到了所有循环出来的class,可以直接在拼接代码里面加上id所需要的值

1
qq_42218258
你吃西瓜皮 老哥,设置了,它直接给我把id当字符串处理了,怎么把j转义成变量呢
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js遍历div中的id并对id样式进行操作
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;  &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;  &amp;lt;title&amp;gt;乐网&amp;lt;/title&amp;gt;  &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt;       &amp;lt;p id=&quot;demo1&quot;&amp;gt
如何在JS遍历中动态增加id,获取动态的id
我在做自己的趣账本的时候,因为需要动态的遍历增加id,然后再去获取动态的id去进行相对应的操作,然后我就用了以下的写法,有需要的童鞋可以参考一下哈:       在遍历中动态添加id:""       获取动态的id:$("#ul"+i).append(cost_list);       因为我直接用了jquery,所以就直接使用jq去获取。
jq each遍历,HTML拼接,str定义,点击获取当前id
作者:LoveEmperor-王子様 var arrearsMsg = window.localStorage.getItem(&quot;arrearsMsg&quot;); var resData = eval(&quot;(&quot;+arrearsMsg+&quot;)&quot;); if (resData.arrearscount&amp;gt;0){ $(&quot;#noDatacell&quot;).hide(); var str1=''...
如何遍历获得div里面所有a标签,并为每一个div添加自增的id和对应的事件
如何遍历获得div里面所有a标签,并为每一个div添加自增的id和对应的事件
js 动态生成div显示id
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot; xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;    &amp;lt;script&am
js循环输出不同样式和id的HTML标签
document.getElementById("number_con" + y).innerHTML =obj[x].index_value; y为一个变量,当然我们需要在HTML中设定好这些id的标签,然后就可以输出不同的数据给他们。 document.getElementById("right_title1").innerHTML=""; class标签也类似,obj[
【JS】遍历选择jquery动态ID
利用闭包实现js的代码复用
额。在js中拼写onclick无效
在js中使用如下方式拼接标签发现事件没有发生作用 onclick='WXHome.previewPhoto('"+src+"');' 调试的时候发现src是这样的 可能是引号太多,解析是顺序进行的,导致出现的问题 "" 之后将拼接方式改为如下的,就好了 onclick=\"WXHome.previewPhoto('"+src+"');\"
js遍历一个div下的所有一个特定的标签
${color.name } 遍历id为colors里面的所有标签为a的标签 function colorToRed(target){ //先清理 $("#colors a").each(){ $(target).attr("class","changToWhite"); } $(target).attr("class","changToRed"); }
递归的一些问题(斐波那契数列,遍历Dom树,遍历子元素以及其对应的ID名与类名)(遍历子元素下面所有的文本)
一首先介绍什么是递归: 递归就是在函数的内部调用自己的函数的形式。 二:递归的思想精髓: 正如上面所描述的场景,递归就是有去(递去)有回(归来),如下图所示。“有去”是指:递归问题必须可以分解为若干个规模较小,与原问题形式相同的子问题,这些子问题可以用相同的解题思路来解决,就像上面例子中的钥匙可以打开后面所有门上的锁一样;“有回”是指 : 这些问题的演化过程是一个从大到小,由近及远的过程,...
js读取解析复杂json,及java拼写复杂json
一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式, 是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。 非常适合于服务器与 JavaScript 的交互 二、为什么使用JSON而不是XML 他们都是这样说的:  尽管有许多宣传关于 XML 如何拥有跨平
js javascript 遍历页面上所有的控件,包括服务器端的控件,然后获取相应的ID
获得所有控件ID [code=&quot;html&quot;]var arrAll=document.all; for(i=0;i
js遍历tr
js 通过td的id值 如何拿到tr的id值?(动态获取) 2012-07-28 13:17zmahs | 分类:JavaScript | 浏览2696次 知道td中每行的ID值 但是获取的都是第一行tr的ID值呢 怎么改下 for(i=0;i<document.all.table1.rows.length;i++){ for (j=0; j < document.all.
jquery 通过相同id获取多个dom标签
在html中,可以为每个标签都定义一个id,且这个id是唯一的,其实不管是html,还是java,设计表,id都是唯一的,它代表了当前指定的唯一 的主键,通过它可以获取它指定的元素。 如果html中定义了多个相同id,例如:<input type="text" id="tag"/> <input type="text" id="tag"/> <input type="text" id="tag"/
JAVAScript 递归遍历DOM元素指定节点以及所有节点
以下纯属个人见解,已经通过测试,若有更好意见,请写下来。。(省略1000字...)  1.先序遍历的方式: &amp;lt;html&amp;gt;  &amp;lt;head&amp;gt;   &amp;lt;title&amp;gt;递归遍历所有节点&amp;lt;/title&amp;gt;   &amp;lt;script&amp;gt;   //currentNode:当前节点;targetNode:目标节点  function getTargetN...
Jquery 取得页面所有 input 属性为text的id 和input里面的值
var inputid=""; var inputArray=$("input[type='text']");//取到所有的input text 并且放到一个数组中 inputArray.each(//使用数组的循环函数 循环这个input数组 function (){ var input =$(this);//循环中的每一个input元素
js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性
js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性 &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;选择框样式&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;jquery.min.js&
JavaScript遍历HTML表单元素及表单定义
在JavaScript代码中,使用document.getElementsByTagName("*"),通过document对象,遍历HTML所有元素(HTML DOM Element )。
html 拼写onclick 事件,转义英文单引号和双引号 防止js报错
使用js 拼html 页面 并添加上onclick   传参数 到前台,可能传的参数 会出现 带有英文双引号或单引号,就可能导致js出问题在网上找了很多转义的方法,都有点小问题,经过不懈的摸索。找到了解决的办法记录一下  并在后台拼htmlvar name = name.replace(/&quot;/g, '\\&amp;amp;quot;').replace(/'/g, '\\&amp;amp;#039;'); //n...
Jquery,js 改进拼html的方式
一般我们要使用jquery动态生成html,都是通过js拼好需要的html代码,然后在加到容器中       但是有时需要拼的代码块会有点复杂,比如包含下拉列表框选择等,这个时候我们可以考虑使用       jquery的clone方法       比如:需要更具用户输入的户数动态生成房屋数量                      传统的做法就是通过js动态的拼接一块的ht
在js中html标签id会被当做变量处理?
在js中html标签id会被当做变量处理? 今天在书写代码时,因为失误在js中使用了一个没有定义的变量,代码运行报错,在控制台输出该变量时,输出一段html标签语句,感到很奇怪!搜索整个js文件,都没有发现对该变量进行过声明、赋值,后来发现在html文档中有使用该变量名称的标签id,并且在控制台输出该id,其结果和使用document.getElementById(ID)的竟然结果一致。 ...
js遍历(获取)ul中的li
js遍历(获取)ul中的li&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;    &amp;lt;title&amp;gt;getcontent&amp;lt;/title&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;body&amp;gt;    &
用JavaScript代码生成一个自增的ID
没有generator之前我们得这样写:(用到闭包) function next_id(){ var current_id = 0; return function (){ return ++current_id; } } var g = next_id(); for( let i = 0; i &amp;lt; 10; i++ ){ console...
js使用深度优先遍历实现getElmentById(id)
function getElementById(node, id) { if (!node) return null; if (node.id === id) return node; for (var i = 0; i < node.childNodes.length; i++) { var found = getElementById(node.childNodes[
js技巧用Map集合代替Array遍历
使用map代替数组
遍历table下的checkbox是否被选中并获取当前行的id
function ch(){ var get = $(".bb"); var strIds = []; for (i = 0 ; i < get.length; i++) { if (get[i].checked) { strIds.push(get[i].value);
AngularJS动态生成div的ID
1、问题背景     给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值2、实现源码 AngularJS动态生成div的ID var app = angular.module("idApp",[]); app.controller("idCon",function($scope){ $scope.divIds = [ {
HTML JavaScript,给某个标签设置onclick事件,获取这个被点击的标签的id
具体方法为 onclick=“fun(this.id)” 传入id到方法里 function fun(id){ //这里面可以直接引用id了,比如var myid=id; }
通过js来获取select的全部值,包括id,text,value
function getselect(n){ var v = ''; var t = ''; for(var i = 0; i if(i==0){ t = n.options[i].id; v = n.options[i].value; }else{ t += ','+n.options[i].id; v += ','+n.options[i].value; } } al
javascript DOM的操作,更新,遍历,添加
介绍javascript DOM的操作,更新,遍历,添加 首先列出来HTML代码等待嵌套脚本<!DOCTYPE html> <html> <body> <dl id="drink-menu" style="border:soild 1px #ccc;padding:6px;"> <dt id="摩卡咖啡">摩卡咖啡</dt> <dd id="橙汁">
JS添加动态的id,表格类的
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;JS添加动态的id,&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;js/jquery.min.js&quot;&amp;gt;&amp;lt
如何获取指定id的下一个标签
html代码: 手机号:      JS代码: function IsMobile(){ var phone=document.getElementById("phone"); var tip=phone.nextSibling; //判断下一个节点的nodeType是否为1,为1就说明是标签,否则继续向下寻找 while(tip.nodeType!=1){ tip=tip.nextSib
用JS(JavaScript )给HTML元素增加id属性
有时候HTML页面元素定位后,发现如一些input元素输入框没有唯一性的id 或者class,那么我们如果想要给这个HTML元素增加属性,可以自行添加元素属性 样例: 元素div 有class属性,但这个class并非唯一 (可查看) document.getElementsByClassName('el-textarea__inner') 查询出来这个页面有2个el-textarea__i...
获取后台数据并拼写HTML模板
模板下载地址:http://download.csdn.net/download/tikaber/10154297 /** * * html模板 * * */ public Map templateHtml(Info info) { Map uploadURL = new HashMap<>(); String fileame =""; try { Str
foreach循环遍历二维数组
array(3) {   [0]=>   array(8) {   ["degreesid"]=>   string(1) "1"   ["degreeid"]=>   string(1) "0"   ["degreename"]=>   string(6) "本科"   ["student
div中循环生成button并添加点击事件
定义div:<div id="people" style="border: groove; padding-top:1px;width: 58%;height: 253px;overflow-y:scroll;"></div> over-flow-y可以开启y轴滚动条 js代码://循环在div中添加button function addButton(){ var people = $(
js 点击列表li,获得当前li的id
html<ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4</li> <li id="li-5">li5</li> </ul>js 第一种:监听事件document.getElementById("demo"
通过JS给HTML元素增加、删除和获取属性内容
1.通过ID或者其他元素找到要处理的HTML对象:(举例通过ID) var obj=document.getElementById('id'); 2.操作此对象 添加属性:obj.setAttribute('attr_name','attr_value'); 获取属性值:obj.getAttribute('attr_name'); 删除属性:obj.remo...
无限级遍历树(递归)
转自:http://www.iteye.com/topic/1122691 C# 中遍历树 ajax读取数据 递归算法实现数据树结构输出  数据表格字段为:id,Name,pID(父级ID)  js代码  Javascript代码 var htmlStr=new Array(); $(function(){ loadNode(0);
获取dom中多个同名id的元素
示例html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;g
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 html学习 java html网页制作基础