如何在jQuery中设置文本颜色、添加边框并在tr/td内追加内容

我来帮你搞定这个需求！要在tr/td标签内追加内容、实现参考的边框样式还把文本改成黄色，咱们一步步来：

1. 调整HTML结构（换成tr/td表格元素） #

把原来的div替换成标准表格结构，这样就能用tr/td来承载内容了：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <!-- 把类名绑定到td上，作为内容容器 -->
      <td class="aprovadas"></td>
    </tr>
  </tbody>
</table>

2. 编写CSS实现边框和黄色文本 #

通过CSS直接设置文本颜色和边框样式，完全匹配你的需求：

.aprovadas {
  /* 设置文本为黄色（用十六进制值更精准，也可以直接写yellow） */
  color: #ffd700;
  /* 实现类似参考图的边框：2px实线深灰色边框，可按需调整粗细和颜色 */
  border: 2px solid #333;
  /* 给单元格加内边距，让内容不紧贴边框，视觉更舒适 */
  padding: 8px 12px;
  /* 可选：添加深色背景，让黄色文本更醒目 */
  background-color: #222;
}

3. 调整jQuery代码追加内容 #

现在直接往td容器里追加内容，会自动继承我们设置的样式：

// 追加第一行内容
$(".aprovadas").append("COLOR_ME");
// 追加换行和第二行内容（如果需要多行的话）
$(".aprovadas").append("<br>更多需要追加的内容");

这样一来，td里的内容会呈现黄色，同时带有清晰的边框，完全符合你的要求~

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