我是
JavaScript和CSS的新手,我的技能充其量也很差.我知道如何解决我的问题,但我没有解决它的知识.
我有这样的代码:
我有这样的代码:
<div class="detail"> <div class="detail-group"></div> <div class="detail-group"></div> <div class="detail-group"></div> </div>
我必须在每个.detail-group DIV中附加一个带有唯一#id的现有DIV.我必须指定.detail-group,即使它们完全相同.我无权访问HTML以手动编辑它.
如果我是正确的,我最好的方法是使用JS为那些.detail-group DIV设置ID.
我用CSS用它来定位每一个并创建一个区别:
.detail-group:nth-child(1) { padding-right: 0.01px } .detail-group:nth-child(2) { padding-right: 0.02px } .detail-group:nth-child(3) { padding-right: 0.03px }
但我不知道如何用JS检测这种差异并使用它.
是否有可能区分JS中元素的顺序?如果有,怎么做.以及如何为他们添加ID?
请注意,我正在使用Enjin模块,这就是为什么我无法访问他们的HTML.如果有人有这方面的经验,将不胜感激.
解决方法
您可以使用.attr()函数及其回调来使用div元素的索引设置id:
$('.detail-group').attr('id',function(i) { return 'detailgroup'+(i+1); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。