javascript – jQuery循环每个元素的id

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery循环每个元素的id，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1153字，纯文字阅读大概需要2分钟。

内容图文

嗨,我有一些关于循环逻辑的问题

有一些元素

<div place="1" area="Text 1" class="element"></div>
<div place="2" area="Text 2" class="element"></div>
<div place="3" area="Text 3" class="element"></div>

和

<span place="1"></span>
<span place="2"></span>
<span place="3"></span>

我想将所有div元素区域属性值插入到span元素中哪个位置相同

像这样

<span place="1">Text 1</span>
<span place="2">Text 2</span>
<span place="3">Text 3</span> 

解决方法:

首先请注意,在HTML中创建自己的非标准属性可能会导致一些奇怪的行为.使用数据属性将任何自定义元数据与元素一起存储是更好的做法.

要解决您的实际问题,您需要循环遍历所有div元素,然后选择具有相关位置的范围并设置其text(),如下所示：

$('.element').each(function() {
  $('span[data-place="' + $(this).data('place') + '"]').text($(this).data('area'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-place="1" data-area="Text 1" class="element"></div>
<div data-place="2" data-area="Text 2" class="element"></div>
<div data-place="3" data-area="Text 3" class="element"></div>

<span data-place="1"></span>
<span data-place="2"></span>
<span data-place="3"></span>

注意在示例中使用data- *属性.

内容总结

以上是互联网集市为您收集整理的javascript – jQuery循环每个元素的id全部内容，希望文章能够帮你解决javascript – jQuery循环每个元素的id所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端