JQuery更改包含图像的段落文本

Question

我有以下html

<p id="logo400_120_spinner"><img src="/global/img/spinner.gif"></p>

我使用jquery尝试将文本设置为加载或删除，具体取决于环境，但我只是获取文本并丢失微调器图像。我希望微调器在右侧出现文本

这是我使用的jquery

 $("#logo400_120_spinner").text('Loading');
 $("#logo400_120_spinner").show();

微调器图像随上面消失。

Answer 1

使用.html()更改内部HTML而不是纯文本，以便您可以使用img代码

显示：

 $("#logo400_120_spinner").html('<img src="/global/img/spinner.gif">Loading');
 $("#logo400_120_spinner").show();

要删除加载文本：

$("#logo400_120_spinner").html('<img src="/global/img/spinner.gif">');

另一种选择就是把＃34; Loading＆＃34;将文本放入一个范围，然后使用JQuery显示和隐藏该范围。

Answer 2

将您想要的文本附加到元素。

$("#logo400_120_spinner").append('Loading');

如果要正确定位，可能需要考虑添加具有类或块级元素的元素： -

$("#logo400_120_spinner").append('<p class="myCustomClass">Loading...</p>');

删除了文字

$("#logo400_120_spinner .myCustomClass").remove();