JavaScript 匹配网页歌曲列表名称和描述

本文介绍如何使用 JavaScript 代码，从网页中提取歌曲列表名称和描述，并将其一一对应输出。

在之前的代码中，您遇到了歌单名称和描述无法一一对应的问题。这是因为您将所有歌单名称和描述都存储在同一个字符串中，导致无法进行精确匹配。

为了解决这个问题，您可以尝试将两个文本分别存储在不同的数组中，然后使用相同的索引进行匹配。

以下代码示例展示了如何实现：

var songlists = document.querySelectorAll('.song_list__txt');
var songlistText = [];
var songlistss = document.querySelectorAll('.song_list__desc');
var songlistText1 = [];

for (var i = 0; i < songlists.length && i < songlistss.length; i++) {
    songlistText.push(songlists[i].textContent);
    songlistText1.push(songlistss[i].textContent);
}

for (var j = 0; j < songlistText.length; j++) {
    console.log(songlistText[j] + ' ' + songlistText1[j]);
}

代码解释：

使用 document.querySelectorAll('.song_list__txt') 和 document.querySelectorAll('.song_list__desc') 获取页面上所有带有 song_list__txt 和 song_list__desc 类名的元素，并分别存储在 songlists 和 songlistss 数组中。
使用 for 循环遍历 songlists 和 songlistss 数组，将每个元素的 textContent 属性分别存储在 songlistText 和 songlistText1 数组中。
再次使用 for 循环遍历 songlistText 数组，使用当前索引 j 获取 songlistText 和 songlistText1 数组中对应的元素，并使用 console.log 打印输出，实现歌单名称和描述的匹配。

通过以上代码，您可以将每个歌单的名称和描述一一对应输出了。