jQuery'text'不起作用

Question

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!");

方:我正在使用Bootstrap.

所以successPopup会出现,但文字不会; 文本未插入span标记之间.

Answer 1

你没有定义$successSpan.您需要使用$('#successSpan')ID来访问元素

编辑后更新:

你$successSpan太早定义了.定义它时,该#successSpan元素尚不存在.