[英]get child array values in a parent div element
我有這樣的數組
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中,
有什么辦法可以在沒有額外的循環的情況下專門將其放入父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>
var products = [{ id:1 },{ id:2 },{id:3},{id:4}]; var prod_len=products.length; for(let i=0;i<prod_len;i++){ var div_id=create_html(products[i]['id']) $(document).find('.prod_data').append(div_id) } function create_html(id){ return `<div data-ids=${id}> Product Data ${id} <div class="product"> </div> </div>` }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="prod_data"></div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.