Python生成带编号onclick span的HTML：多列表段落转换问询

问题1：跨段落保持连续计数 #

用一个全局计数器变量跟踪单词编号，处理所有段落时不重置计数器即可实现连续编号：

• 初始化全局变量，比如word_idx = 0
• 遍历所有文本组（L1、L2），针对每组的英文单词列表（每个组的第一个子列表）逐个处理
• 每处理一个非标点的单词，生成对应的span标签后，将word_idx加1，跨段落时计数器自然延续，从w5过渡到w6

问题2：句号的特殊插入处理 #

遍历单词列表时做判断区分处理：

• 如果当前元素是句号，直接输出 .，不生成span标签，也不占用计数器编号
• 如果是普通单词，生成带对应编号的span标签，使用当前word_idx作为id和reveal的参数，之后递增计数器

示例Python代码 #

# 整合文本数据
text_groups = [
    [['Hello', '.', 'My', 'name', 'is', 'Joe'], ['Hola', '.', 'Mi', 'nombre', 'es', 'Joe']],
    [['I', 'am', 'a', 'boy'], ['Soy', 'un', 'el', 'niño']]
]

word_idx = 0
html_parts = []

for group in text_groups:
    eng_words = group[0]
    html_parts.append('<p>')
    for word in eng_words:
        if word == '.':
            # 直接插入句号文本
            html_parts.append('&nbsp;.')
        else:
            # 生成带编号的span标签
            span = f'<span id="w{word_idx}" onclick="reveal({word_idx})"> </span>'
            html_parts.append(span)
            word_idx += 1
    html_parts.append('</p>\n')

# 拼接生成最终HTML
final_html = ''.join(html_parts)
print(final_html)

输出说明 #

运行代码后生成的HTML结构完全符合需求：

• 段落间编号连续，第一段最后一个单词对应w5，第二段第一个单词对应w6
• 句号会被正确插入到对应span标签之间，格式与示例一致

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