创建 DOM 节点之间的关系

Question

我正在尝试抓取类似电子商务的网站，我需要在其中建立列表标题与其描述之间的关系。问题是我不知道如何可靠地这样做，因为有些列表有描述 - 有些没有。结果，我无法可靠地使用 for 循环将标题与描述相关联。能否请您提出您的建议？

这是我的想法，但它不能可靠地工作：

const allTitles= document.querySelectorAll(".title");
const arrayOfTitlesAndDescription= allTitles.map((title,index) => { title :document.querySelectAll(".description")[index] } )

非常感谢！

This image would help you understand better , if the question is unclear

编辑：

const allCards= document.querySelectorAll(".card");
/// also tried with allCards directly
Array.from(allCards).forEach(card => card.querySelector(".description"));
/// This works, but I don't know how to tell which .card is which
document.querySelectorAll(".card").querySelector(".description")

Answer 1

搜索包含 .title 和 .description 的一些 div 标签，并且对于每个这样的标签搜索天气，它的孩子是否有任何描述。