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

How to use .appendTo() with a string variable to update DOM

本文关键字：变量 字符串 DOM 一个 更新 何使用 appendto      更新时间：2023-09-26

我试图使用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');
    }
});

});

我认为正确的方法是使用append而不是appendTo:

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

你不能从一个不是有效的htmlString字符串创建jQuery片段。但是，append允许您将不被认为是htmlString的文本附加到现有的jQuery对象

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

看到http://api.jquery.com/Types/htmlString

相关文章：