Javascript 如何添加<；部门>；标记为<；tr>；标记<；的准确位置；tr>；标签

我有一个包含一些视频细节的表，我想在该表的

tr

元素中添加一个

div

元素，以绿色作为进度条，宽度从0%更改为100%，与

tr

表示的视频当前运行时相同。但在本例中，我只是将其设置为静态。 我的代码如下：

$（“#突出显示”）。附加（“”）；
$（“#playingBar”）.css（“左”，“$（“#突出显示”）.position（）.left）；
$（“#playingBar”）.css（“高度，$（“#突出显示”）.height（））
表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
#游戏杆{
位置：绝对位置；
保证金：0；
填充：0；
宽度：100%；
身高：100%；
背景色：rgba（0255,0,0.4）；
文本对齐：居中；/*以水平居中（如果需要）*/
线条高度：30px；/*垂直居中*/
颜色：白色；
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
只需执行此操作，如果要突出显示，则不需要jquery


表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
#游戏杆{
位置：绝对位置；
保证金：0；
填充：0；
宽度：100%；
身高：100%；
背景色：rgba（0255,0,0.4）；
文本对齐：居中；/*以水平居中（如果需要）*/
线条高度：30px；/*垂直居中*/
颜色：白色；
}
tr#突出显示{
背景色：rgba（0,255,0,0.4）；
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
只需执行此操作，如果要突出显示，则不需要jquery


表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
#游戏杆{
位置：绝对位置；
保证金：0；
填充：0；
宽度：100%；
身高：100%；
背景色：rgba（0255,0,0.4）；
文本对齐：居中；/*以水平居中（如果需要）*/
线条高度：30px；/*垂直居中*/
颜色：白色；
}
tr#突出显示{
背景色：rgba（0,255,0,0.4）；
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥

#突出显示{背景色：#feb5b5；}

#突出显示{背景色：#feb5b5；}
为什么要添加
？您可以为
#高亮显示
添加颜色。您可以只将
div
附加到
td
您正在生成一个无效的HTML布局：
td-div
，div不应该在这里。@Sinto是对的。为什么不简单地给
#高亮显示
。这将是一个简单且更好的方法。@Chiensdang，没关系，希望你得到答案。你为什么要添加
？您可以为
#高亮显示
添加颜色。您可以只将
div
附加到
td
您正在生成一个无效的HTML布局：
td-div
，div不应该在这里。@Sinto是对的。为什么不简单地给
#高亮显示
。这将是一个简单且更好的方法。@Chiensdang，没关系，希望你得到答案。这个解决方案有效，但答案很差。没有任何解释（见@Traver的答案，质量更好）很简单，我认为不需要更多的解释。@Traver做了，他得到了两张赞成票，包括我的\_(ツ)_/“是的，我知道。干得好。我也给了他一票。：-）这是公平竞争。这个解决方案可行，但答案很差。没有任何解释（见@Traver的答案，质量更好）很简单，我认为不需要更多的解释。@Traver做了，他得到了两张赞成票，包括我的\_(ツ)_/是的，我知道。干得好。我也给了他一票。：-）这是公平的。你的答案对highlight
tr
是正确的。我很抱歉我的解释不清楚，我刚刚编辑了我的问题，请阅读并帮助我，谢谢：）给我一点时间，我会更改它。这是你想要的（底部的片段）？或者你也需要一些动画？我做了动画兄弟，但是
div
的宽度看起来总是比
tr
的大，我只需要修复它。非常感谢你！现在它在documentready上调用，也可以在resize上调用它。1秒你的答案对突出显示
tr
，我很抱歉我的解释不清楚，我刚刚编辑了我的问题，请阅读并帮助我，谢谢：）请稍等，我会更改它，这是你想要的（底部的片段）？或者你也需要一些动画？我做了动画兄弟，但是
div
的宽度看起来总是比
tr
的大，我只需要修复它。非常感谢你！现在它在documentready上调用，也可以在resize上调用它。1秒
<style>
#highlight { background-color: #feb5b5; }
</style>