Question

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

我有一个div标签：

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

当用户成功将值输入到输入字段中时，我正试图获得成功＆＃39;弹出窗口出现在这个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元素尚不存在。

Answer 2

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

在successPopup上定义id属性时，使用未转义的撇号打破字符串。

<div class="alert alert-success alert-dismissible" id='successPopup' role="alert">

应该是

<div class="alert alert-success alert-dismissible" id="successPopup" role="alert">

或者

<div class="alert alert-success alert-dismissible" id=\'successPopup\' role="alert">

Answer 3

在您尝试引用它之前，#successSpan中是否存在DOM元素？将#successSpan追加到#insertSuccessMessage后，您应该可以像这样引用#successSpan：

$('#successSpan').text("Successfully inserted value!");

Answer 4

尝试此修改

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

Answer 5

使用字符串选择器。

试试这个：

$('#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').html("Successfully inserted value!");

这是好的工作！

jQuery＆＃39; text＆＃39;不工作

5 个答案: