限制jQuery的范围

时间:2018-09-01 10:08:04

标签: javascript jquery html css

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

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

我所能看到的是更改已针对整个页面实施,而不是针对特定情况!

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

1 个答案:

答案 0 :(得分: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)