Question

我想创建一个带有一些文本的元素，然后添加到容器元素中。

说我有：

$('<span/>').addClass('glyphicon glyphicon-folder-close') + ' ' + item.name

我想要那个工作;有办法吗？

我知道我可以这样使用add()：

$('<span/>').addClass('glyphicon glyphicon-folder-close').add(
    $('<span/>').html(' ' + item.name)
)

但是如果没有额外的选择器，我可以做到吗？

Answer 1

如果要附加文本节点，可以使用append(item.name)向父

添加

var $span = $('<span/>').addClass('glyphicon glyphicon-folder-close')
$('.someSelector')
      .append($span) 
      .append(item.name);//will be after span

Answer 2

尝试使用jQuery.parseHTML( data [, context ] [, keepScripts ] )

keepScripts （默认值：false）

输入：Boolean

表示是否包含HTML字符串中传递的脚本的Boolean

var nodes = $.parseHTML("<span class=glyphicon glyphicon-folder-close>span</span>"
            + " text node"
            , document /* [, keepScripts] default: `false` */); 
$("body").append(nodes)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>

jQuery连接选择器和文本

2 个答案: