如何使用.appendTo()和字符串变量来更新DOM

时间:2015-10-08 23:37:49

标签: javascript jquery html

我尝试使用appendTo来更新带有一些文本的div。

        $('<p>text_info<p>').appendTo('#text_view_div');

按预期工作

        $(text_info).appendTo('#text_view_div');

没有。 JQuery将text_info变量视为jquery类型变量,无法找到变量(因为它不存在)。如何正确使用带有appendTo命令的字符串变量?

更新以添加其他代码:

$('document').ready(function(){
var text_info;
$('#information_input').on('keyup', function(e){
    if(e.keyCode == 13){
        text_info = $('#information_input').val();
        $('#information_input').val('');
        $(text_info).appendTo('#text_view_div');
    }
});

});

2 个答案:

答案 0 :(得分:2)

我认为实现此目的的正确方法是使用append而不是appendTo

$('#text_view_div').append(text_info);

答案 1 :(得分:1)

您无法从非有效htmlString的字符串创建jQuery片段。但是,append确实允许您将不被视为htmlString的文本追加到现有的jQuery对象

$('#text_view_div').append('not an htmlString');

请参阅http://api.jquery.com/Types/#htmlString