Html 如何在动态创建的TR元素上添加背景色

我使用了引导日期时间选择器，现在我需要为引导日历中的元素添加背景色

我创建了以下HTML：

<tr HERE I NEED STYLE>
    <td>
        <span class="timepicker-hour" data-time-component="hours" title="Pick Hour" data-action="showHours">01</span>
    </td>
    <td class="separator">:</td>
    <td>
        <span class="timepicker-minute" data-time-component="minutes" title="Pick Minute" data-action="showMinutes">30</span>
    </td>
    <td>
        <button class="btn btn-primary disabled" data-action="togglePeriod" tabindex="-1" title="Toggle Period">PM</button>
    </td>
</tr>

01
:
30
颗粒物

有没有简单的方法用css将背景放在第一个TR元素上？

希望它能工作！！ 使用内联样式

<tr style="background-color:blue;"><td><span class="timepicker-hour" data-time-component="hours" title="Pick Hour" data-action="showHours">01</span></td><td class="separator">:</td><td><span class="timepicker-minute" data-time-component="minutes" title="Pick Minute" data-action="showMinutes">30</span></td><td><button class="btn btn-primary disabled" data-action="togglePeriod" tabindex="-1" title="Toggle Period">PM</button></td></tr>

01:30PM

尝试使用jQuery：

$("#id_of_tr").css('background-color', 'red');

---

我不确定，但这可能对你有帮助

$（'tr.some_class:first'）.css（“背景色”、“蓝色”）

01
:
30
颗粒物
01
:
30
颗粒物
01
:
30
颗粒物
为表创建一个全局

把你的
风格放在那里

<style type="text/css">
    tr {
      background-color: #ff0000;
    }
</style>


tr{
背景色：#ff0000；
}

您甚至可能会变得很棘手，并且只将其添加到每一个：

<style type="text/css">
    tr:nth-child(even){
      background: #ff0000
    }
</style>


tr:n个孩子（偶数）{
背景：#ff0000
}

只需在动态循环之前运行此样式。
如果元素是动态的，并且需要对它们进行样式设置，则需要在TR中添加一个类，或者在css中使用：nth child（或类似的）来选择它们（正如scoopzilla在回答中指出的）。如果您是生成这些行的人，那么这些行就变得微不足道了。如果你没有生成这些行，那就稍微难一点。