如何用JavaScript或jQuery加载外部XML文件并提取name值输出到控制台

没问题，我给你两种实用的实现方案，分别用jQuery和原生JavaScript，都能轻松完成你要的需求：

如果你的项目已经引入了jQuery，这个方案会非常省心：

// 替换成你的XML文件实际路径
$.get('soundList.xml', function(xml) {
  // 初始化数组存储name属性值
  const soundNames = [];
  // 遍历所有<item>标签
  $(xml).find('item').each(function() {
    // 提取当前item的name属性并加入数组
    soundNames.push($(this).attr('name'));
  });
  // 将数组用顿号连接后输出到控制台
  console.log(soundNames.join('、'));
});

如果不想依赖jQuery，用现代的原生API也能实现，还能避免额外的库依赖：

// 替换成你的XML文件实际路径
fetch('soundList.xml')
  .then(response => response.text())
  .then(xmlText => {
    // 解析XML文本为DOM文档
    const parser = new DOMParser();
    const xmlDoc = parser.parseFromString(xmlText, 'text/xml');
    // 获取所有<item>元素
    const items = xmlDoc.querySelectorAll('item');
    // 提取每个item的name属性值到数组
    const soundNames = Array.from(items).map(item => item.getAttribute('name'));
    // 输出目标格式的字符串
    console.log(soundNames.join('、'));
  })
  .catch(error => {
    console.error('加载XML文件失败:', error);
  });

⚠️ 小提示：如果是在本地直接打开HTML文件（file://协议），浏览器可能会因为跨域安全策略阻止加载本地XML文件。建议用本地服务器（比如VS Code的Live Server插件）来运行你的项目，这样就能正常加载文件了。

内容的提问来源于stack exchange，提问作者Cain Nuke