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);


    }

结果:
图片说明

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、望采纳

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

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

qq_42218258
你吃西瓜皮 老哥,设置了,它直接给我把id当字符串处理了,怎么把j转义成变量呢
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JS遍历HTML元素
最好给html数组加上id属性,然后使用document.all来进行遍历 var objs = document.all['url']; for(var i=0; i
遍历ID
怎样循环遍历GridView里面每一行的第一列的值?
关于JS遍历 页面 无ID元素
我在学习制作网页游戏“猫游记”的外挂rn想通过某种方法点击地图页面上一些“按钮”(我刚学JS知道的不多..我猜那应该是一个"标签"因为那是用的)rn按照VB的编程思想..(我原来学过VB)..操作指定对象得先得到对象的ID..句柄之类的东西rn我就用document.getElementsByTagName("SPAN")来找..可是返回结果我看不懂rn我后来在网上发现用这种方法的好像只适用于的那种东西吧?rn[code=HTML] 27 [/code]rn这个是地图页面上"按钮"的源码..我应该如何去得到它的句柄并操作它?rn或者通过别的方法操作它..请指教..
【JS】遍历选择jquery动态ID
利用闭包实现js的代码复用
js设置html标签的宽度
[code=html] rn rn rn 第1张图片标题显示在这里rn rn rn rn 第2张图片标题显示在这里rn rn rn rn 第3张图片标题显示在这里rn rn rn rn 第4张图片标题显示在这里rn rn rn rn [/code]rn我想设置宽度为浏览器的宽度,然后写的下面的代码rn[code=javascript]var w = document.body.clientWidth;rndocument.getElementById("foucsBox").style.width = w+"px";rndocument.getElementById("slider").getElementsByTagName("li").style.width = w+"px";rndocument.getElementByClassName("imgTitle").style.width = w+"px";rndocument.getElementById("foucs").style.width = w+"px";[/code]rn其中document.getElementById("slider").getElementsByTagName("li").style.width = w+"px";和rndocument.getElementByClassName("imgTitle").style.width = w+"px";rn这两句写的有错误,不知道怎么修改,求明示
js设置html节点属性
对于input type为checkbox的节点,在js中动态添加选中事件时,使用prop(“checked”, true/false),无法使用attr()设置
求助 js 点击获取html id值
我的代码是这样的 : rnvar pid = function click_id(obj) rn rn alert(obj.id);rn rn return obj.id;rn ;rnalert可以正确输出id值 但是怎么让pid的结果也等于obj.id啊。
HTML和js的问题 document.getElementById(id).src
document.getElementById(id).src,怎样在js里面获取iframe的相对路径??为什么document.getElementById(id).src返回的是绝对路径。。。。。总的问题是这样的,我用一个iframe引入一个网址,通过一个按钮可以修改iframe的src,但是转了以后每次点击那个按钮的时候iframe都会闪一闪,这样用户体验不好,所以我就想,点击的时候先判断一下src,如果相等的话,就不修改src了
遍历id的问题
想遍历所有id,根据不同的id实现不同的代码,但是代码有问题,查了很多资料都解决不了,帮看看是那儿错了,谢谢了rnfunction ShowAndHidden()rn rn var idid = window.event.srcElement.id;//获取触发事件的 Id rn switch(idid)rn rn case "aqjczfcTab":rn var arrAll=document.all; rn rn for(var i=0;i
HTML初级应用——简单的页面拼写(1)
HTML标签的脑残级应用,纯属小白开发自己总结经验所用,除非从来没听说过HTML,其他人完全没有参看必要。 在小公司呆着就是没有头脑,一会干这个一会干那个。但是无论干什么能干好也是不错的。既然来拼页面了 就力求拼的好一点. 1. 实现效果 UI给我的时候就是这个样子的。 2.创建思路拼这个的时候,连HTML标签还背不过(现在也背不过),基本一步一百度。还好大神够多,磕磕绊绊到也实现了。 因为
js遍历
遍历数组 var data={a:1,b:2,c:9,d:4,e:5}; Object.keys(data).map((key,item)=&gt;{ console.log(key, data); })
JS遍历
JS遍历 数组的遍历 简单for循环 下面先来看看大家最常见的一种写法: const arr = [1, 2, 3]; for(let i = 0; i &amp;amp;amp;lt; arr.length; i++) { console.log(arr[i]); } for-in 通常情况下,我们可以用 for-in 来遍历一遍数组的内容,代码如下: const arr = [1, 2, 3]; let i...
ajax 调用及前台拼循环拼写html
ajax 调用及前台拼循环拼写html asp代码 $(function () { $("#btnShearch").click(function () { $.ajax({ type: "Post", url: "SearchSentence.aspx/getSearchList", d...
关于html中拼写字符串转义字符
1.单引号转义字符: 2.双引号转义字符:
asp.net前台拼写html输出语句
我想通过拼写html语句来在显示一个浮层出来。浮层显示是通过js控制的,[code=C#]rnprotected string getDivHtml(string JobID)rn rnrn string s;rn DataTable dt = dalIntership.GetIntershipInfobyJobid(JobID);rn s = " ";rn s += " 工作职责: " + dt.Rows[0]["Duty"] + "";rn s += " ";rn s += " 实习资格: " + dt.Rows[0]["JobRequest"] + "";rn s += "";rn return s;rn rn[/code]rn不知道这里面为什么不能有'这字符出现???rn
js中 设置参数(id ),传值
请教一下,怎么给这棵树的节点加个ID号rnrn[code=javascript] [/code]rnrn现在的显示效果是这样的rn[img=https://img-bbs.csdn.net/upload/201411/21/1416562196_609285.jpg][/img]rnrn给个思路吧,想让ID存在于每个节点上,但不显示出来 ,以后直接取ID值,进行其它的逻辑。rn谢谢
js中的遍历和跳出遍历
在项目开发过程中,有的时候我们可能需要跳出我们的循环。本人就趟坑经历总结一下趟坑心得。 我们常用到的遍历主要有以下几种 1.for循环       const testArray = [1, 2, '3', 'test', 5]       for (let i = 0; testArray[i]; i++) {          if (+testArray[i] === 2) { ...
设置标题:$("#id").html("资源设置,当前计划:"+distArea);
-
ID设置
如何把ID设置成自己的这个ID ,如果我把这个11写在输入ID框内,点击设置,就变成9E这个了
设置用户ID和设置组ID
与进程相关的ID有如下几个: 1.实际用户ID、实际组ID 2.有效用户ID、有效组ID、附属组ID 3.保存的用户ID、保存的组ID 第一组标识我们实际的ID,比如登录shell使用的ID;第二组是进程运行时用于判断文件访问权限的ID,这个是跟访问权限息息相关的;第三组是当我们的ID发生变化时保存的值,方便我们找回。 正常情况下实际ID和有效ID是相等的,但是如果我们配置了设置用户ID和设置组...
额。在js中拼写onclick无效
在js中使用如下方式拼接标签发现事件没有发生作用 onclick='WXHome.previewPhoto('"+src+"');' 调试的时候发现src是这样的 可能是引号太多,解析是顺序进行的,导致出现的问题 "" 之后将拼接方式改为如下的,就好了 onclick=\"WXHome.previewPhoto('"+src+"');\"
visual studio自动补全unity组件拼写设置
开始用的VS2017写unity脚本,但是由于VS2017打开慢和会打开mono的问题,更换成了VS2015 然后新问题出现了,在输入unity的一些组件名称时,居然在自动选项里找不到补全,举个例子,比如我要输入OnTriggerEnter2D,那么长的玩意哪能记得住,之前都是打“ont”就出来了,原来的VS2017都有的说 综合网上的信息判断了一下,估计是一些工具或者插件的功
eclipse的字体、编码、自动拼写等设置
1.字体设置 Window -&amp;gt; Preferences -&amp;gt; General -&amp;gt; Appearance -&amp;gt; Colors and Fonts -&amp;gt; Basic -&amp;gt; 选中最后一项 Text Font -&amp;gt; Edit 2.工程编码设置 Window -&amp;gt; Preferences -&amp;gt; General -&amp;gt; Wor...
字符串的拼写
这是自动生成4个文本框和一个dropdownlist作为一行,用后台代码实现的,点击加号就会自动增加一行,点击减号就自动删除一行
SQL拼写........................................................
SELECT CASE columnname WHEN '是' THEN '1' WHEN '否' THEN '2' END FROM tablern在SQL下和DB2下好用,在Oracle下怎样拼写呀?
遍历html所有元素
用JS如何遍历html的所有元素,elements不能遍历input=image的元素,而document.getElementsByTagName("input"),只能遍历input而select找不到,我想遍历所有元素,同时知道每个元素下边一个元素是什么,这个所有元素指的是TAB经过的所有元素,请教专家指点
遍历数据render 到HTML
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; //导航点击切换事件 function menuList(e) { $('#rightList .r-unstyled').hide(); $('#listR_' + e).show(); $('#rightList_page .p-unstyled').h...
怎样遍历html控件属性
原意是想显示出这样的东西:herf:## target:_blank ...rn[code=VB.NET] rnrnrn rn rn new document rn rn rn rnrn rn rn adfsdfrn rn rn rn rn rnrn[/code]
基于bs4的HTML遍历
![HTML的基本格式 ](https://img-blog.csdnimg.cn/20190524204703327.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0OTg4Nw==,size_16,color...
html、jsp页面标签的遍历
应用场景:最近的项目中二级子页面遍历生成、操作表格比较多,记录一下一直用的遍历方法。 一般此类表格都是通过ajax请求数据,然后从callbackFunction中获取数据集合,遍历生成表: eg: var postData=new Object();     postData.idString=idString;     $.ajax({     url:'debt/findXXXL
&&、||、!的备选拼写
在iso646.h头文件中,可以用and代替&amp;amp;&amp;amp;,用or代替||,用not代替!这些逻辑运算符。 这样很容易理解但是对于我这样的懒人来说太麻烦了点。不愧是备选。...
拼写名字
要求拼写 在英语中,人们通常提供两个名字:first name 和 last name。前者是你的名,后者因为来源你的家族,所以也称为 family name。 以下是一些 first names 和 last names 的例子: 名 姓 Sally Phillips Carlos Cruz Steve Jobs 请用这些问句去叫别人拼写他们的名字。 How do you spell ...
HTML文档结点的遍历
工作中有这么个需求,实现文档字体放缩的功能。思路很简单,遍历文档结点,将所有元素的font-size属性设置成原来的多少倍来达到放大的目的。需要注意的是,有的元素刚开始并没有设置style和font-size属性,那么就需要给它一个默认值。         从上面可以知道,重点就是文档结点的遍历,刚开始通过chidNodes进行遍历,代码如下: /* *改变字体大小 *element 元
html元素遍历
如何遍历出html上有多少个iframe,并且知道每个iframe的属性src , 如何遍历iframe里面的元素。rnrn如何实现grid的一行可以向上移动一行,或者向下移动一行。这两个按钮都在父页面上!rnrn如何选中grid中的一行,并在父页面上的按钮点击后把选中一行的所有信息显示在text中?rnrn选中grid中的多行,如何把多行的信息也在并在父页面上text中显示出来?rnrn回大任意问题都有分~!请大家不惜才解答一下!
asp.net遍历HTML控件
我想在代码层遍历一下页面上所有 控件 大家注意下 这个runat="server" 可以不? 请教
字符串拼写
给出rn1 拼写单词字典文件rn2 一段需要检查拼写的一段话的文件rn3 输出修改意见文件
JS里取struts标签中遍历集合的Id
struts 标签大家应该都用过吧~ 这个应该也都用过! 我想问一下! 你们 用这个遍历一个集合后,想在JS里通过点击事件或者别的什么事件做一些操作的时候 , 传上去的id 是怎么写的? 用隐藏域写在标签里么? 如果是的话,那JS里得到的id 为什么全是一样的?求大神帮忙!!
js遍历json根据id选择属性值显示对应的div?
有3个json,它们之间可以找到相同的id,我想要的是选择了属性1下面的属性值,然后再选择属性2下面的属性值(属性1是必有的,但是属性2可能有的情况下没有),请问我该怎么写js可以实现?rn //属性1rn var arr1 = rn "attributes": rn "1": rn "id": "1",rn "options": [rn "id": "2",rn "products": ["4", "5"]rn , rn "id": "3",rn "label": "0.05Ohm",rn "price": "3",rn "oldPrice": "3",rn "products": ["6"]rn ]rn ,rn "7": rn "id": "7",rn "options": [rn "id": "8",rn "products": ["4"]rn , rn "id": "9",rn "products": ["10"]rn ]rn rn ,rn "template": "price",rn rn //属性2rn var arr2 = rn "7":rn "8":[rn "4"rn ],rn "9":[rn "10"rn ]rn ,rn "1":rn "2":[rn "4",rn "5"rn ],rn "3":[rn "6"rn ]rn rn rn //仓库rn var arr3=rn "4":rn "qty":"5",rn "html":"Warehouse1”rn ,rn "5":rn "qty":"6",rn "html":"Warehouse2"rn ,rn "6":rn "qty":"22",rn "html":"Warehouse3"rn ,rn "10":rn "qty":"13",rn "html":"Warehouse4"rn rn
sql拼写
tabel1:有字段nodeid,parentnodern如何查询出所有叶子节点?
sql文件拼写
可以把sql文件修饰。如: sqlstr,日文软件,在中文下也可用.
相关热词 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天 c#func链接匿名方法 c#怎么创建文件夹 c#从键盘接收空格 c#da/ad c#部门请假管理系统 c#服务器socket c# 默认的访问修饰符