javascript - 获取父 div 元素中的子数组值
问题描述
我有一个这样的数组
products = [{id}, {id}, {id}, {id}]
我想在父 div 中放置可用的 id
<div data-ids="{{ place ids here }}"> <!-- parent div -->
products.forEach(function(e){
<div class="product">
console.log(e.id);
</div>
});
</div>
我想将所有可用的 id 放在父数据 id 中,
有什么方法可以在没有专门用于将 id 放置在父 div 中的额外循环的情况下放置它?
解决方案
您可以尝试以下方式map()
:.data()
var products = [{id: 1},{id: 2},{id: 3},{id: 4}];
var ids = products.map(i => i.id).join(',');
$('.product').parents().data('ids',ids);
console.log($('.product').parents().data());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-ids=""> <!-- parent div -->
Test
<div class="product">
</div>
</div>
推荐阅读
- javascript - TypeScript 的 get 和 set 的类型定义
- python - 在 django 中为用户创建的数据仅在不同的类中创建下拉菜单
- python - 无法在 GitLab CI 的 docker/compose 映像中使用 DynamoDB docker 映像
- c# - C# 是否有办法将具有 int 字段(字节、ushort、ulong 等)的对象编写为字节数组?
- groovy - 在 Groovy 中重建地图
- java - 在链接列表中的特定位置插入节点,附加元素时抛出运行时错误
- javascript - Postman 获取url请求参数的值做一个测试
- c++ - 模板化派生类隐藏基类成员?
- javascript - 无法找出这个错误:Can't perform a React state update on an unmounted component
- c# - Dns.GetHostEntry 为远程 IP 地址返回本地 IP 地址