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()更改内部img，而不仅仅是纯文本，这样就可以使用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">');

另一种选择是将“加载”文本放到span中，然后使用JQuery显示和隐藏该范围。

Answer 2

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

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

如果您想正确地定位它，您可能需要考虑添加一个带有类的元素，或者一个块级元素：-

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

删除的文本

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