标签的教程
" />
在进行网页数据抓取时，我们经常会遇到需要从具有相同标签但位于不同位置的元素中提取信息的情况。例如，在一个面包屑导航中，每个层级通常由一个<span>标签包裹其文本内容。如果只使用简单的选择器或仅定位到第一个匹配项，将无法获取所有所需的数据。
考虑以下HTML结构片段，它展示了一个典型的面包屑导航：
<div class="breadcrumb_list breadcrumb_custom_cls" data-spm="breadcrumb" id="J_breadcrumb_list">
<ul class="breadcrumb" id="J_breadcrumb">
<li class="breadcrumb_item">
<span class="breadcrumb_item_text">
<a class="breadcrumb_item_anchor" href="https://www.lazada.vn/may-vi-tinh-laptop/" title="Computers & Laptops">
<span>Computers & Laptops</span>
<div class="breadcrumb_right_arrow"></div>
</a>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_item_text">
<a class="breadcrumb_item_anchor" href="https://www.lazada.vn/laptop/" title="Laptops">
<span>Laptops</span>
<div class="breadcrumb_right_arrow"></div>
</a>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_item_text">
<a class="breadcrumb_item_anchor" href="https://www.lazada.vn/laptop-co-ban/" title="Traditional Laptops">
<span>Traditional Laptops</span>
<div class="breadcrumb_right_arrow"></div>
</a>
</span>
</li>
</ul>
</div>在这个结构中，我们的目标是提取 "Computers & Laptops", "Laptops", "Traditional Laptops" 这些文本，它们都位于<a>标签内部的<span>标签中。
初始尝试与局限性
如果仅尝试通过链式访问（如item.span.a.span.text），通常只能获取到第一个匹配的<span>标签内容。例如，以下代码片段展示了直接链式访问的局限性，它只能定位到第一个<li>元素中的特定<span>：
from bs4 import BeautifulSoup
html_doc = """
<div class="breadcrumb_list breadcrumb_custom_cls" data-spm="breadcrumb" id="J_breadcrumb_list">
<ul class="breadcrumb" id="J_breadcrumb">
<li class="breadcrumb_item">
<span class="breadcrumb_item_text">
<a class="breadcrumb_item_anchor" href="https://www.lazada.vn/may-vi-tinh-laptop/" title="Computers & Laptops">
<span>Computers & Laptops</span>
<div class="breadcrumb_right_arrow"></div>
</a>
</span>
</li>
<li class=" 
