如何针对for属性为'false'的label修改其父div的class？

当然可以做到，只需要通过JavaScript精准定位目标label，再修改它的父div类名即可，不会影响其他div。

原生JavaScript方案 #

直接用原生JS就能完成，步骤清晰：

• 定位所有for="false"的label元素
• 遍历每个label，找到它的直接父div
• 修改div的类名（添加、替换都可）

代码示例：

// 筛选出所有for属性为"false"的label
const targetLabels = document.querySelectorAll('label[for="false"]');

// 逐个处理每个目标label
targetLabels.forEach(label => {
  // 获取label的直接父div
  const parentDiv = label.parentElement;
  
  // 示例1：给父div添加新类名
  parentDiv.classList.add('highlighted');
  
  // 示例2：替换原有的myclass为新类名（如果需要的话）
  // parentDiv.classList.replace('myclass', 'modified-div');
});

jQuery方案（如果项目用了jQuery） #

如果你的项目引入了jQuery，代码会更简洁：

// 添加新类名
$('label[for="false"]').parent('div').addClass('highlighted');

// 替换类名
// $('label[for="false"]').parent('div').removeClass('myclass').addClass('modified-div');

说明 #

这里用querySelectorAll（或jQuery选择器）精准匹配符合条件的label，再通过parentElement（或.parent()）获取对应的父div，最后用classList方法（或jQuery的类操作方法）修改类名，只会影响目标label对应的那个div，不会改动其他div的类。

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