0

<tr>jqueryで背景色を変更するにはどうすればよいですか? それでは、jqueryで要素
に集中するにはどうすればよいですか?<tr>

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>
4

2 に答える 2

1

次のようなタイムアウトを使用できます。

setTimeout(function() { 
    $('tr#5').css('background', '#666666'); 
}, 5000);
setTimeout(function() { 
    $('tr#5').css('background', '#ffffff'); 
    $('tr#10').css('background', '#666666');
}, 10000);
于 2013-08-23T12:37:44.813 に答える
1

まず、一意でない要素 ID を持つ HTML は無効です。実際、HTML5 より前は、すべて数値の ID を持つことも無効です。文字で始まり、その後に任意の数の文字、数字、ハイフン、コロン、またはピリオドが続く必要があります。

そうは言っても、あなたが求めているのは次のとおりです。

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

ただし、非インタラクティブな要素に焦点を合わせようとして何を得ようとしているのかはわかりませんが、.focus()メソッドを使用してインタラクティブな要素に焦点を当てることができます。

于 2013-08-23T12:37:11.700 に答える