求助：SharePoint列表指定下拉列按等级设置背景色的问题

我懂你的痛点！这种“误伤”其他列的情况大多是因为之前的代码没有精准定位到目标下拉列，只是全局匹配了包含"A"的文本内容。下面分两种场景给你解决方案，都是精准指向目标列的，不会影响其他列：

一、现代SharePoint列表（推荐用官方列格式化） #

现代列表支持直接在列设置里用JSON格式化，完全不需要写复杂脚本，精准度拉满：

1. 打开你的SharePoint列表，找到目标下拉列（比如叫「等级」），点击列标题旁的下拉箭头 → 列设置 → 格式化此列
2. 在格式化面板里，替换默认JSON为下面的代码（记得把等级选项和颜色按需调整，若不知道列内部名称，可在列设置的URL里找Field=xxx，xxx就是内部名称）：

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "padding": "0 8px",
    "background-color": "=if(@currentField == 'A', '#76C766', if(@currentField == 'B', '#FFD700', if(@currentField == 'C', '#FFA500', '#FF6347')))",
    "color": "#fff",
    "border-radius": "4px",
    "height": "100%",
    "display": "flex",
    "align-items": "center"
  },
  "txtContent": "@currentField"
}

• 说明：这段代码只会作用于当前设置的下拉列，@currentField仅指代当前列的取值，完全不会匹配其他列的内容，你可以根据自己的等级体系继续扩展if判断、替换颜色代码。

二、经典SharePoint列表（用脚本精准定位） #

如果你的列表是经典视图，之前的代码大概率用了$("td:contains('A')")这类全局选择器，导致所有含"A"的单元格都被选中。解决方法是先锁定目标列的位置，再仅处理该列下的单元格：

假设目标下拉列的标题是「等级」，可以用下面的jQuery脚本（若页面未加载jQuery，需先引入）：

// 先找到目标列的索引
var targetColumnIndex = $("th.ms-vh2:contains('等级')").index() + 1;

// 仅遍历目标列下的所有单元格
$("tr.ms-itmhover td:nth-child(" + targetColumnIndex + ")").each(function() {
  var cellText = $(this).text().trim();
  switch(cellText) {
    case "A":
      $(this).css("background-color", "#76C766");
      break;
    case "B":
      $(this).css("background-color", "#FFD700");
      break;
    case "C":
      $(this).css("background-color", "#FFA500");
      break;
    default:
      $(this).css("background-color", "#FF6347"); // 其他等级的默认颜色
  }
});

• 说明：先通过列标题定位目标列的位置（index()+1是因为nth-child从1开始计数），之后仅对该列下的单元格做判断和样式修改，哪怕其他列有"A"也不会被误改。脚本可放在页面的内容编辑器Web部件中，或通过SharePoint Designer添加到页面。

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