Javascript 不能追加<;span>;内部<;a>;标签

Javascript 不能追加<;span>;内部<;a>;标签,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想附加这个新元素 <a data-toggle="tab"> <span class = "hyperspan"> </span> </a> 如果您需要如下span,可以使用html()而不是text() $('li:last').find('a').html(inputan+'<span class="hyperspan"></span>'); $('li:last').find('a').html(in

我想附加这个新元素

<a data-toggle="tab"> <span class = "hyperspan"> </span> </a>

如果您需要如下span,可以使用
html()
而不是
text()

$('li:last').find('a').html(inputan+'<span class="hyperspan"></span>');
$('li:last').find('a').html(inputan+“”);

问题在于,当您执行以下操作时,您正在覆盖
元素的内容:

$('li:last').find('a').text(inputan);
您可以将文本放在
span
元素之前,如下所示:

$('li:last').find('span').before(inputan);
$('.submitButton')。单击(函数(){
var add='
  • '+ '' + '' + '' + '' + '' + '' + '' + '' + '' + '

  • 您能否尝试在代码
    $('li:last')中使用
    html
    而不是
    text
    。查找('a')。文本(inputan)
    ?如果您能提供一个最简单的工作示例,那就太好了,这实在是太多的代码了。
    ->
    好的,等等,我会让代码更简单。