javascript - 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 元素还不存在。