javascript - jQuery'文本'不起作用

var $insertSuccessMessage = $('#insertSuccessMessage');
var $successPopup = $('#successPopup');
var $successSpan = $('#successSpan');

我有一个div标签：

<div id="insertSuccessMessage"></div>

当用户在输入字段中成功输入值时，我试图使“成功”弹出窗口显示在此div标签下面，如下所示：

$insertSuccessMessage.append('<div class="alert alert-success alert-dismissible" id='successPopup' role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><span id="successSpan"></span></div>');
$successSpan.text("Successfully inserted value!");

Side：我正在使用Bootstrap。

这样会显示successPopup，但文本不会显示。文本未插入在span标记之间。

最佳答案

您没有定义$successSpan。您需要使用$('#successSpan')通过ID访问元素

编辑后更新：

您定义$successSpan太早了。定义时，#successSpan元素尚不存在。