append text from div loaded from script element

Question

I have some div's dynamically loaded with javascript and I want to get the text from those div's and append them into an existing div.

So, here's my code :

var firstoption  = jQuery( ".myo-poll-bar.firstoption"  ).text();
var secondoption = jQuery( ".myo-poll-bar.secondoption" ).text();

jQuery( ".votefilters span a:first" ).html( firstoption  );
jQuery( ".votefilters span a:last"  ).html( secondoption );

I know that there is an .append() method but I don't know how can I use it in this code.

Any suggestions are welcome.

Thank you !

Carlos Blanco · Accepted Answer · 2014-02-17 14:56:47Z

1

var firstoption = jQuery( ".myo-poll-bar.firstoption" ).text();
var secondoption = jQuery( ".myo-poll-bar.secondoption" ).text();

var curr_text = jQuery( ".votefilters span a:first" ).text();
var curr_text2 = jQuery( ".votefilters span a:last" ).text();

jQuery( ".votefilters span a:first" ).html( curr_text  + firstoption );
jQuery( ".votefilters span a:last" ).html( curr_text2  + secondoption );

You can assign the object result to some variables so you don't have to traverse the dom twice to get the same object

answered Feb 17, 2014 at 14:56

Carlos Blanco

8,80217 gold badges73 silver badges104 bronze badges

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

Comments

Chen-Tsu Lin · Accepted Answer · 2014-02-17 16:17:20Z

1

Using multi-condition in one selector is not a good practice.

For higher performance, if .firstoption is enough, do not use .myo-poll-bar.firstoption

and split

jQuery( ".votefilters span a:first" )

to

jQuery(".votefilters").find("span").find("a:first")

All:

var firstoption  = jQuery( ".myo-poll-bar.firstoption"  ).text();
var secondoption = jQuery( ".myo-poll-bar.secondoption" ).text();

jQuery(".votefilters").find("span").find("a:first").append(firstoption);
jQuery(".votefilters").find("span").find("a:last" ).append(secondoption);

edited Feb 17, 2014 at 16:17

answered Feb 17, 2014 at 15:35

Chen-Tsu Lin

23.3k16 gold badges57 silver badges65 bronze badges

1 Comment

Jay Blanchard Over a year ago

Why is a multi-condition selector "bad practice"?

R0ger · Accepted Answer · 2014-02-17 14:57:17Z

0

$(firstoption).appendTo('.votefilters span a:first');
$(secondoption).appendTo('.votefilters span a:last');

answered Feb 17, 2014 at 14:57

R0ger

223 bronze badges

Comments

i100 · Accepted Answer · 2014-02-17 14:58:57Z

0

Try this.

$( ".votefilters span a:first" ).append( document.createTextNode( $( ".myo-poll-bar.firstoption" ).text() ) );
$( ".votefilters span a:last" ).append( document.createTextNode( $( ".myo-poll-bar.secondoption" ).text() ) );

answered Feb 17, 2014 at 14:58

i100

4,6661 gold badge26 silver badges21 bronze badges

Comments

user2571870 · Accepted Answer · 2014-02-17 15:05:30Z

0

Something like this should suffice:

var $first = jQuery( ".votefilters span a:first" );
var $last = jQuery( ".votefilters span a:last" );

$first.text(  $first.text() + firstoption );
$last.text( $last.text() + secondoption );

answered Feb 17, 2014 at 15:05

user2571870

Collectives™ on Stack Overflow

append text from div loaded from script element

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related