jQuery prvý rad buniek prvý rad animovať blikanie - jquery, jQuery-selektory

Chcem blikať obsah bunky tabuľky bez atribútov. Toto však nefunguje:

var tdnode = document.getElementsByTagName("tr")[2].getElementsByTagName("td")[0];

$(tdnode).animate({backgroundColor: "#FF0000" }, 500);
$(tdnode).animate({backgroundColor: "white" }, 500);

Ako to urobiť?

odpovede:

Jquery prichádza s možnosťou vybrať prvky podľa indexu pomocou : eq () selektor

$("tr:eq(2) td:eq(0)") vyberie prvú bunku tretieho riadku v tabuľke.

zahrnúť jQuery UI v prípade farebnej animácie sa jQuery sám s touto schopnosťou nenachádza.

Metódy reťazenia spoločne zabraňujú zbytočným selektorom, keď pôsobia na rovnaký prvok

$("tr:eq(2) td:eq(0)")
.animate({backgroundColor: "#ff0000" }, 500)
.animate({backgroundColor: "#ffffff" }, 500)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

<table>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>