I have a WHILE loop that loops through a table as long as $i is less than 10. I want this loop to assign the INNERHTML of each cell to a variable. So that I can use it later on to process the information (the loop is because you can choose if it has to take first 3 or first 10 cells). But how do I assign every innerHTML to a different variable? I'm sure there has to be an easy way. But google couldn't get me a good answer.
Thanks in advance!
Milaan
Arrays are designed for this purpose.
(Presumably you mean i, not $i as Javascript variables do not need to start with $.. though there's no reason you can't, many people choose to use that only for jQuery objects. I will not use them below. Also I've had to guess at the layout of your code.)
var myHTMLs = [];
var i = 0;
while (i < 10) {
var html = *<no idea how you are getting cell contents here.. what cell?!>*
myHTMLs[myHTMLs.length] = html;
i++;
}
$, I understand. :)Can you give each cell a unique id? Then you can just do:
var cell_ids = ['id-cell-1', 'id-cell-2',...];
var cellcontents = [];
while (i < 10) {
cellcontents.push($("#" + cell_ids[i]).html());
i--;
}
If I'm reading your question correctly, you want to keep the innerHTML of each cell that you loop over, right? In that case, you'd probably want to use an array. Maybe like this:
var i = 0;
var innerHTML_array = [];
while( i < 10 ) {
innerHTML_array[i] = current_cell.innerHTML;
i++;
}
This is when arrays are useful:
var i = 0;
var contents = [];
while (i < 10) {
var div = document.getElementById("foo" + i);
contents.push(div.innerHTML);
i++;
}
alert(contents.length);
alert(contents[0]);
alert(contents[1]);
an array?
this is just semi psuedo code but:
var i;
var innerString[];
while (i < 10) {
innerString[i] = (innerHTML of elementID);
i++;
}
Maybe this will help:
Try to reference Your table with some id, eg.
<table id="myTable">
then, try this code
var tab = document.getElementById("myTable");
var y = 0, x = 0;
var myContainer = [];
for (y = 0; y < tab.rows.length; y++){
for (x = 0; x < tab.rows[y].cells[x].length; x++){
if (!myContainer[y])
myContainer[y] = [];
myContainer[y][x] = tab.rows[y].cells[x].innerHTML;
}
}
Your table content is now holded in myContainer variable. To access cell no 3 in row no 8 You just use:
alert(myContainer[8][3]);
You can try using jQuery's .map() to loop over all the cells and return their innerHTML properties as an array.
Example: http://jsfiddle.net/xHH64/1/
var htmlArray = $('tbody td', '#tableID').map(function(i,v){
return i < 10 ? v.innerHTML : null;
}).get();
