how append text and object at once with jquery?

Question

i have 2 text node and 1 jquery object, i want append them into DOM, when i do this:

$('<div>')
.append("Ajax Failed, ")
.append($("<span>").addClass('counter').countDown({
    start:o.time,
         onEnd:function(){$.ajax(o.ajax);},
         onRetryEnd:function(){o.onFailed();}
 }))
 .append(" Seconds until resend request")
 .appendTo('#domElement').align({position:'absolute',parent:$('#domElement')});

it will prefect (Result: Ajax Failed, 6 Seconds until resend request), but i want append all this data at once, like:

 var counter = $("<span>").addClass('counter').countDown({
    start:o.time,
         onEnd:function(){$.ajax(o.ajax);},
         onRetryEnd:function(){o.onFailed();}
 });

 $('<div>').append('Ajax Failed, ' + counter + 'Seconds until resend request');

Result: Ajax Failed, [object object] Seconds until resend request.
is possible do it at once and how?

ubik · Accepted Answer · 2012-05-12 17:57:57Z

3

That is happening because of the plus signs in the last line. Something like:

 $('<div>').append('Ajax Failed, ', counter, 'Seconds until resend request');

Should work.

answered May 12, 2012 at 17:57

ubik

4,5802 gold badges25 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

how append text and object at once with jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related