限制jQuery的范围答案

【问题标题】：Limit scope of jQuery限制jQuery的范围
【发布时间】：2018-09-01 19:13:54
【问题描述】：

var tr0HTML = $('<tr id="exp_line1"></tr>').appendTo(tbody);

根据条件使用 .css 或任何其他 jQuery 设置此元素样式的最佳方法是什么？

我所看到的只是更改已针对整个页面而不是针对特定场景实施！

更新：我想为具有 3 种不同类型行的表格设置边框样式。如果提供了数据，则显示行。

【问题讨论】：

你想根据什么条件应用什么样式？
"基于条件" -> 什么条件？请详细说明，说明您拥有什么以及您需要什么。
我想为具有 3 种不同类型行的表格设置边框样式。如果提供了数据，则会显示行。
“3 种不同类型的行”...有哪些类型？他们之间有什么区别？如果你想给它们设置不同的样式，那么 CSS 将需要一种方法来区分它们。使用 CSS 类是有意义的。然后你可以给每个班级不同的风格。你尝试或研究了什么？这种东西在网上不难发现，真的。附言据我所知，这与 jQuery 没有直接关系。

标签： javascript jquery html css

【解决方案1】：

如果我理解了你的问题......像这样简单的事情应该可以工作：

tr.type-1 td{
  border: 2px solid hotpink;
}
tr.type-2 td{
  border: 2px solid purple;
}
tr.type-3 td{
  border: 2px solid black;
}

<table>
  <tbody>
    <tr class="type-1">
      <td>Type 1</td>
    </tr>
    <tr class="type-2">
      <td>Type 2</td>
    </tr>
    <tr class="type-3">
      <td>Type 3</td>
    </tr>
  </tbody>
</table>

您的 jQuery 代码将如下所示：$('<tr id="exp_line1" class='type-1'></tr>').appendTo(tbody)

【讨论】：