Javascript 从脚本元素加载的div追加文本

我有一些动态加载javascript的

div

，我想从那些

div

中获取

文本，并将它们添加到现有的div中

下面是我的代码：

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 );

我知道有一个
.append（）
方法，但我不知道如何在这段代码中使用它

欢迎提出任何建议

谢谢大家!

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 );

您可以将对象结果分配给一些变量，这样就不必遍历dom两次就可以得到相同的对象

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

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

这样的东西应该足够了：

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

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

在一个选择器中使用
多条件
，不是一种好的做法

为了获得更高的性能，
如果
.firstoption
足够，请不要使用
.myo poll bar.firstoption

和分裂

jQuery( ".votefilters span a:first" )

到

全部：

为什么多条件选择器是“坏习惯”？
jQuery(".votefilters").find("span").find("a:first")

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);