jQuery Displaying array items give me [object, Object]

Question

Here is my code: http://jsfiddle.net/yvonnezoe/MKfLU/9/

i would like to know what are the values stored in my array so that it is easier for me to monitor what has been pushed in and splice out from the array. i have tried different method such as using toString(),

$.each(rowArray, function(index, value){
      newHTML.push('<span>'+value+'</span>');
});
      $("#test").html(newHTML.join(" , "));

and so on... and it always give me "[object, Object]". Why so?

Konrad Gadzina · Accepted Answer · 2013-04-26 08:33:01Z

2

A row in your array is a set of 2 objects. You should display their values like that:

for(i=0;i<existingRows.length;i++){
    $('#test').html(existingRows[i].type + ' ' + existingRows[i].number +'<br>');
}

EDIT:

If you want to info about all rows correctly, you should use append method, because using html replaces current HTML of the element - append adds content at the end of what there actually is.

$('#test').html(''); //clear current content
for(i=0;i<existingRows.length;i++){
    $('#test').append(existingRows[i].type + ' ' + existingRows[i].number +'<br>');
}

edited Apr 26, 2013 at 8:33

answered Apr 26, 2013 at 7:50

Konrad Gadzina

3,4021 gold badge21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

yvonnezoe Over a year ago

thank you :D +1 but it only displays the last one in the array? how can i display all elements in that array?

Konrad Gadzina Over a year ago

@yvonnezoe that's because you're replacing the content each time using html method. You should use append to add content to the end of current content. Check update in my answer.

Osiris · Accepted Answer · 2013-04-26 07:43:15Z

1

Because value is an object.

Use newHTML.push('<span>'+JSON.stringify(value)+'</span>');

answered Apr 26, 2013 at 7:43

Osiris

4,2132 gold badges24 silver badges53 bronze badges

Collectives™ on Stack Overflow

jQuery Displaying array items give me [object, Object]

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related