如何获取span的title属性与class为num的span文本值的组合？

嘿，这个需求其实挺常见的，我给你几种不同的实现方式，你可以根据自己的技术栈来选：

这种方式不需要引入任何库，直接用浏览器自带的API就能搞定：

// 获取所有<li>元素
const listItems = document.querySelectorAll('li');
// 用来存储结果的数组
const result = [];

listItems.forEach(item => {
  // 获取第一个带title属性的span的属性值
  const title = item.querySelector('span[title]').getAttribute('title');
  // 获取class为num的span的文本内容
  const numText = item.querySelector('.num').textContent.trim();
  // 组合成你需要的格式，这里用对象存储，也可以改成字符串比如`${title}: ${numText}`
  result.push({ title, num: numText });
});

// 打印结果看看
console.log(result);

运行这段代码后，你会得到一个包含三个对象的数组，每个对象里都有对应的title和num值，比如[{title: "HOUSES", num: "1"}, ...]。

如果你的项目里已经在用jQuery，代码会更简洁：

const result = [];
$('li').each(function() {
  const title = $(this).find('span[title]').attr('title');
  const numText = $(this).find('.num').text().trim();
  result.push({ title, num: numText });
});

console.log(result);

两种方法的核心思路都是遍历每个<li>，分别提取对应的属性和文本再组合起来，你可以根据自己的实际场景选择合适的方式~

内容的提问来源于stack exchange，提问作者Jorge Vidinha