jQuery 替换功能没有替换有效 HTML 中的文本？

Question

我正在尝试替换 html 字符串中的一些文本，但它会引发Uncaught TypeError: Cannot read property 'replace' of undefined错误。var formHtml = ($('#cx-record-answer-form-div .'+$('#cx-user-survey-questions-record-edit').find('#answer_type').val()).html());在当我登录了控制台formHtml变量它说，formData是不确定的，但是当我删除.html()从上面的代码的最后返回有效的HTML。但是替换函数仍然抛出未定义的错误！JS：var $addAnswerButton = $('#add-answer-button');var newAnswerFormIndex =  0;$addAnswerButton.on('click', function() {    newAnswerFormIndex++;    if($.trim($('#cx-user-survey-questions-record-edit').find('#answer_type').val()) != ''){        // get form html        var formHtml = ($('#cx-record-answer-form-div .'+$('#cx-user-survey-questions-record-edit').find('#answer_type').val()).html());        console.log(formHtml);        var appendFormHtml = formHtml.replace('cx-record-answer-form-<#id#>','cx-record-answer-form-new-'+newAnswerFormIndex);        console.log(appendFormHtml);        appendFormHtml = appendFormHtml.replace(/\<#id#>/g,newAnswerFormIndex);        appendFormHtml = appendFormHtml.replace('bootstrapSwitch-class','bootstrapSwitch');        $('#answer-container').append(appendFormHtml);    }});HTML 标记：<form id="cx-user-survey-questions-record-edit">        <div class="row">            <section class="col col-6">                <label class="label">Select type</label>                <label class="input">                    <select id="answer_type" name="answer_type" class="select2 select2-hidden-accessible" data-bind="select2Binding: answer_type, select2Options: { data: listAnswerTypes, width: &quot;100%&quot;, placeholder: &quot;Select a type...&quot;}" tabindex="-1" aria-hidden="true">