使用jQuery动画表行的背景颜色

Question

这是我的code。

Javascript：

var table = document.getElementById("Table-1");
var rowCount = table.rows.length;



for(var i=0;i<6;i++) {


row = table.insertRow(rowCount);
cell1 = row.insertCell(0);
cell1.name = "animate";
cell1.id = i ;
var content = document.createElement("output");                
content.innerHTML = i ;
cell1.appendChild(content);
rowCount++;

  // if (i%2 == 0) {
       setInterval(function() {
           $(input[name="animate"]).animate( { backgroundColor: '#f08080' }, 'slow')
           .animate( { backgroundColor: 'red' }, 'slow'); 
                 }, 1000);
   // }

}​

HTML：

<table id="Table-1" border="1">

                    <tr>
                        <th><center>List</center></th>
                    </tr>
</table> 

[我使用javascript构建了表格，我想每秒钟对几行进行动画处理，但是它不适用于所有行。但是，当我对特定行进行动画处理时，它可以工作。

谢谢。

这是我的代码。 Javascript：var table = document.getElementById（“ Table-1”）; var rowCount = table.rows.length; for（var i = 0; i <6; i ++）{row = table.insertRow（rowCount）; cell1 = row.insertCell（0）; ...

Answer 1

您的脚本中有几个问题：

Answer 2

相同的HTML，格式更好：

Answer 3

您应该考虑使用CSS3动画，不需要jQuery。

Answer 4

我认为（针对我的代码）的最佳解决方案是在此fiddle中