javascript - JQuery在div中添加textarea

Question

我正在尝试使用 JQuery 在 div 中动态添加 textarea 并具有以下代码：

@{    
    string emailText = ViewBag.email as string;
}

<script type="text/javascript">
    $(document).ready(function () {
        var textArea = $('<textarea style="padding-left:100px" />');
        emailText = emailText.replace("$[Group Custom Text]$", textArea);
        $("#divConfirmation").append(emailText);
    });
</script>

<div id="divAppointmentConfirmation"></div>

问题是我得到字符串值“[object Object]”而不是 HTML 控件（textarea）。

Answer 1

是的，因为textArea它是一个 jQuery 对象。

并且({}).toString()是"[object Object]"。

用于outerHTML获取其 html。

emailText = emailText.replace("$[Group Custom Text]$", textArea[0].outerHTML);

Answer 2

那是因为它需要一个字符串作为参数。你可以试试这个：

emailText.replace("$[Group Custom Text]$", textArea[0].outerHTML);

Answer 3

检查以下句子：

$("#divConfirmation").append(emailText);

<div id="divAppointmentConfirmation"></div>

您可以轻松地观察到 divConfirmation 也不是 divAppointmentConfirmation 更正它。