我有一个这样的数组
products = [{id}, {id}, {id}, {id}]
我想将可用的 id 放在父 div 中
<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 - 获取父 div 元素中的子数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55700715/