Python如何用BeautifulSoup解析HTML获取span标签文本及class属性值

不需要必须先查找class为container的元素，不过如果页面内存在多个相同规则的<span>标签，通过container元素限定查找范围可以大幅提升匹配精准度，避免拿到其他无关元素的属性。

以下是两种常用场景的实现方案： #

原生JavaScript实现 #

方案1：直接匹配目标span（页面仅存一个符合规则的span时使用） #

// 获取目标span元素
const targetSpan = document.querySelector('span.hello');
// 获取标签文本值
const spanText = targetSpan.textContent;
// 获取class属性值，两种写法都可以
const spanClass = targetSpan.className;
// const spanClass = targetSpan.getAttribute('class');

方案2：先定位container再查找（多重复元素场景更稳妥） #

// 先拿到外层container元素
const container = document.querySelector('.container');
// 仅在container内部查找目标span
const targetSpan = container.querySelector('span.hello');
// 后续获取文本、class属性的方法和方案1完全一致
const spanText = targetSpan.textContent;
const spanClass = targetSpan.className;

jQuery实现 #

直接匹配 #

const spanText = $('span.hello').text();
const spanClass = $('span.hello').attr('class');

限定container范围匹配 #

const spanText = $('.container span.hello').text();
const spanClass = $('.container span.hello').attr('class');

注意：如果页面有多个符合匹配规则的元素，querySelector和上面的jQuery写法只会返回第一个匹配的元素，需要获取全部元素时可以用querySelectorAll获取元素列表后遍历处理即可。

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