[JS, Jquery] манипуляция элементами в таблице

я хотел бы изменить и построить массив с несколькими элементами в таблице, с начала таблицы и с конца таблицы...

но в данном примере почему-то вся таблица начинает изменятся...

весь класс blog с td изменяется на ''1"

хотя должно же только 5?

  <tr> 

    <td>

	<table id="t_blog" border="1">

  <tr ><td>TD #0</td><td>TD #1</td><td class="blog">TD #2</td></tr>

  <tr ><td>TD #3</td><td>TD #4</td><td class="blog">TD #5</td></tr>

  <tr ><td>TD #6</td><td>TD #7</td><td class="blog">TD #8</td></tr>

  <tr ><td>TD #0</td><td>TD #1</td><td class="blog">TD #2</td></tr>

  <tr ><td>TD #3</td><td>TD #4</td><td class="blog">TD #5</td></tr>

  <tr ><td>TD #6</td><td>TD #7</td><td class="blog">TD #8</td></tr>

    <tr ><td>TD #0</td><td>TD #1</td><td class="blog">TD #2</td></tr>

  <tr ><td>TD #3</td><td>TD #4</td><td class="blog">TD #5</td></tr>

  <tr ><td>TD #6</td><td>TD #7</td><td class="blog">TD #8</td></tr>

    <tr ><td>TD #0</td><td>TD #1</td><td class="blog">TD #2</td></tr>

  <tr ><td>TD #3</td><td>TD #4</td><td class="blog">TD #5</td></tr>

  <tr ><td>TD #6</td><td>TD #7</td><td class="blog">TD #8</td></tr>

  

</table>

<script>



 var array = [];

 var tr = document.getElementById('t_blog').getElementsByTagName('tr');

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

	 

	// if ($(".blog:eq()").html()) {

	$(".blog:eq()").html( '1') ;

	

//	}

	array = $(".blog:eq()").html();

	

  }

</script>



    </td>

	</tr>

если написать просто $(".blog:eq(5)").html( '1') ; то 5(4) элемент по счету изменятеся и все работает...

но почему не хотят в цикле именно некоторые (первые 5 или последние 5) элементы изменятся?

как изменить 5 элементов (в классе class="blog") с конца или с начала таблицы?