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

Question

我有一些动态加载了javascript的div，我想从这些div中获取text并将它们append到现有的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()方法，但我不知道如何在这段代码中使用它。

欢迎任何建议。

谢谢！

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

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

Answer 2

在一个选择器中使用multi-condition不是一个好的做法。

为了获得更高的性能，如果.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); 

Answer 3

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

Answer 4

试试这个。

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

Answer 5

这样

的事情就足够了：

var $first = jQuery( ".votefilters span a:first" );
var $last = jQuery( ".votefilters span a:last" );
$first.text(  $first.text() + firstoption );
$last.text( $last.text() + secondoption );