Question

我有一些div动态加载了javascript，我希望将text和div中的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 );

追加从script元素加载的div中的文本

5 个答案: