如何用jQuery修改SharePoint列表单元格最后3个字符（ABC）的颜色？

你原来的代码会把整个单元格的文字都染绿，要只改最后三个字符（ABC）的颜色，得把目标文本单独用标签包裹起来再设置样式，具体修改如下：

修改后的代码 #

$(function() {
  // 遍历所有目标单元格
  $('.td-id').each(function() {
    const cellText = $(this).text();
    // 检查最后3个字符是否为ABC
    if (cellText.slice(-3) === 'ABC') {
      // 拆分文本：前面的内容 + 包裹了span的ABC
      const newContent = cellText.slice(0, -3) + '<span style="color: green;">ABC</span>';
      // 替换单元格内容
      $(this).html(newContent);
    }
  });
});

关键说明 #

• 去掉了冗余的$(window).load嵌套，直接用$(function(){})（这是$(document).ready的简写），避免重复绑定DOM就绪事件。
• 用each()遍历每个单元格，逐个检查处理，比:contains更精准（:contains会匹配任何位置的ABC，而你明确ABC是最后三个字符，用slice(-3)判断更准确）。
• 通过拆分文本，把最后三个字符用<span>包裹，单独给这个span设置绿色，这样就只会改变ABC的颜色，不影响单元格里的其他内容。

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