在 UI 中按渲染顺序获取类名

Posted 2023-02-15

【中文标题】在 UI 中按渲染顺序获取类名

【英文标题】：Get the class names in the order of rendering in the UI

【发布时间】：2021-08-22 09:17:06

【问题描述】：

在下面的代码中，为每个 div 元素提供了通用的类名。

<div id="category_9" class="list_item" data-item_ids="[38]"</div>
<div id="category_2" class="list_item" data-item_ids="[26,39]"</div>
<div id="category_4" class="list_item" data-item_ids="[25,34,12,4,14]"</div>
<div id="category_8" class="list_item" data-item_ids="[37,6,78,3]"</div>
<div id="category_1" class="list_item" data-item_ids="[20,33]"</div>

我需要用上面的顺序来检索类名本身，ids在顺序中：

'category_9' , 'category_2' ,'category_4' ,'category_8' ,'category_1'

我使用了下面的代码，但是按照 id 中数字的升序获取类，例如：

'category_1', 'category_2, 'category_4, 'category_8, 'category_9

grouped_items =  
$('.list_item').each ->
  group_id = $(this).attr('id').split('category_').join('')
  grouped_items[group_id] = $(this).data('item_ids')
return grouped_items

怎么可能。请帮忙

谢谢

【问题讨论】：

您可以将它们推送到key ,value 对中。

【参考方案1】：

$('.list_item').each 将考虑元素的厄运顺序，所以我假设您对 grouped_items as object 插入元素的排序顺序有疑问。

改用Map

grouped_items = new Map
$('.list_item').each ->
  group_id = $(this).attr('id').split('category_').join('')
  grouped_items.set(group_id, $(this).data('item_ids'))
return grouped_items