将文本列表转换为JSON对象（javascript或jquery）

是否可以使用Javascript或jQuery将此列表转换为JSON（见下文）

<div class="w-dyn-items">
<div class="w-dyn-item">
    <div class="select-item-country">England</div>
</div>
<div role="listitem" class="w-dyn-item">
    <div class="select-item-country">N. Ireland</div>
</div>

我使用了各种javascript方法（拆分、数组等）将此文本转换为json数组，但我很难让它正常工作

需要注意的一些事项：

• 上面的HTML数据存在于页面上，但它是隐藏的。此信息通过CMS拉入（因此是动态数据）
• 我需要将此列表转换为JSON数组，以便创建级联选择/选项列表（我目前使用Webflow进行开发）

---

谢谢你的帮助

按类抓取元素，并在其上返回文本内容

注意：

[…items]

将

querySelectorAll

结果返回的数组（如静态节点列表）转换为适当的数组，以便

map

可以工作

const items=document.querySelectorAll（'.select item country'）；
常量值=[…项].map（项=>item.textContent）；
console.log（值）；
//如果需要将其转换为JSON
const json=json.stringify（值）；
log（json）

英格兰
北爱尔兰

这就是你如何使用JQ的方法
谢谢你，我明天会检查这个。再次感谢你的回答。这两种方法都很有效，如果有机会，我会选择这两种方法，不过，尽管这肯定解释得更好，但在我正在进行的项目中，需要实现更多的代码（我使用上述“国家”作为示例代码，但实际实现了10多个不同地区的解决方案）。感谢Umut，明天我来看看这个方法。我选择了这个答案，因为用我现有的结构实现的代码更少。不客气
["England","N. Ireland"]

$arrayx = [];
$('.select-item-country').each(function( index ) {
$arrayx.push($(this).html());}); console.log($arrayx);