如何使用jQuery删除指定class的div下所有元素的style属性

没问题！针对你只想移除.container类div下所有元素的style属性、不影响页面其他元素的需求，我给你两种实用的实现方案：

方案1：浏览器端JavaScript（前端实时处理） #

如果是要在网页运行时处理，直接用JS就能搞定，不管容器内元素嵌套多少层都能覆盖：

// 定位所有class为container的div容器
const containers = document.querySelectorAll('div.container');

containers.forEach(container => {
  // 选中容器内的所有子元素（包括各级嵌套元素）
  const allElementsInContainer = container.querySelectorAll('*');
  allElementsInContainer.forEach(element => {
    // 移除当前元素的style属性
    element.removeAttribute('style');
  });
});

• 运行这段代码后，.container里的<p>、嵌套的<div>、<span>等元素的style都会被删掉，而外部的.row元素的style会完好保留。
• 可以直接在浏览器控制台粘贴运行，或者放到页面的脚本里。

方案2：Python后端处理（用BeautifulSoup） #

如果是要批量处理HTML文件/字符串，用BeautifulSoup这种结构化解析工具最稳妥，比正则靠谱得多：

from bs4 import BeautifulSoup

# 示例HTML内容
html = """
<div class="row" style="width: 100px"></div>
<div class="container">
    <p style="font-size: 12px"></p>
    <div style="margin: 10px">
        <span style="color: red"></span>
    </div>
</div>
"""

# 解析HTML
soup = BeautifulSoup(html, 'html.parser')

# 找到所有class为container的div
target_containers = soup.find_all('div', class_='container')

for container in target_containers:
    # 遍历容器内的每一个元素
    for elem in container.find_all():
        # 如果元素有style属性，就删除它
        if 'style' in elem.attrs:
            del elem.attrs['style']

# 输出处理后的HTML（也可以保存到文件）
print(soup.prettify())

运行这段代码后，你会看到只有.container内部元素的style被移除，外部的.row完全不受影响。

避坑提示：别用正则处理HTML #

虽然网上能找到一些正则匹配style属性的写法，但HTML的嵌套结构和特殊字符（比如引号嵌套）很容易让正则失效，导致误删或者漏删，所以优先用上面的结构化处理方案。

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