javascript - 如何随着时间的推移改变 CSS 样式并专注于元素？

Question

如何更改 <tr> 的背景颜色用jquery？
那我怎样才能专注于<tr>元素与jquery？

Javascript

$('tr#5').???????? to change background color of <tr#5> to #666666;
$('tr#5').???????? to focus on element "tr#1"; 

.
.
.
$('tr#5').???????? to change background color of <tr#5> back to #ffffff;
$('tr#10').???????? to change background color of <tr#10> to #666666;
$('tr#10').???????? to focus on element "tr#10"; 

HTML

<div style="border:solid 1px;height:70px; width:500px; overflow-y:scroll;">
    <table height="100" width="400">
    <tr id="5">
        <td>00:00:05</td>
        <td>hello! 5 secs has past</td>
    </tr>

    <tr id="10">
        <td>00:00:10</td>
        <td>hello! 10 secs has past</td>
    </tr>

    <tr id="10">
        <td>00:00:10</td>
        <td>hello! 10-2 secs has past</td>
    </tr>

    <tr id="11">
        <td>00:00:11</td>
        <td>hello! 11 secs has past</td>
    </tr>

    <tr id="30">
        <td>00:00:30</td>
        <td>hello! 30 secs has past</td>
    </tr>
    </table>
</div>

Answer 1

首先，具有非唯一元素 ID 的 HTML 是无效的。事实上，在 HTML5 之前，全数字 id 也是无效的。它们需要以字母开头，后跟任意数量的字母、数字、连字符、冒号或句点。

话虽如此，您所追求的是以下内容:

$('#5').css('background-color', '#666666');

但是，我不确定您试图从尝试聚焦于非交互式元素中获得什么，但是可以通过使用 .focus() 来聚焦交互式元素方法。