javascript - jQuery:将带有 html 内容的 var 粘贴到带有 .appendTo() 的标记中

Question

我试图粘贴 html 内容(var 中的内容)并将其粘贴到 <fieldset id="previewDataBlock">

显然我做错了什么:

function createPreviewBlock(){
        var emptyBlock = '<ul class=emptyList id=previewBlock>' +
                '<li id=periodLi></li>' +
                '<li id=companyLi></li>' +
                '<li id=industryTypeLi></li>' +
                '<li id=idustriaDeEmpresaLi></li>' +
                '<li id=jobTypeLi></li>' +
                '<li id=actionsLi></li>' +
                '</ul>';
        emptyBlock.appendTo('fieldset#previewDataBlock');
        $('ul#previewBlock').removeClass('emptyList').css('display', 'block');

}

因为我收到这个错误:

TypeError: emptyBlock.appendTo is not a function { message="emptyBlock.appendTo is not a function",  more...}

Answer 1

目前它只是一个 HTML 字符串(但仍然是一个 string )，你需要将它变成一个 jQuery 对象才能使用 .appendTo() ，像这样:

 $(emptyBlock).appendTo('fieldset#previewDataBlock');

或者只使用 .append() ，像这样:

$('fieldset#previewDataBlock').append(emptyBlock);

---

顺便说一句，为了安全起见，请在您的属性上使用引号，例如:

    var emptyBlock = '<ul class="emptyList" id="previewBlock">' +

通过像这样混合使用单引号和双引号，您仍然可以保持整洁。