image - 添加文本时img消失

Question

我想在

div 中还包含图像的元素，但是添加文本时图像会消失。我的函数在一个点击事件处理程序中，并按预期执行，除了消失的图像。我知道这很简单，但作为自学成才，似乎简单的事情并不总是适合我。

HTML

CSS #score-message { 位置：绝对；宽度：20%；高度：200px；背景颜色：#8FBC8F; }

JQ函数

function score_message(score) {
  if(score == 5) {
var message = "Congratulations, etc, etc";
$('#score-message').first('p').text(message).show().offset({top:300, left:850});
}

Answer 1

如果图像在第一个“p”标签内，那么通过调用 text 来覆盖它。尝试这个：

var pTag = $('#score-message').first('p');
pTag.html(pTag.html() + " HA! HA! HA! YOU A WINNER!!!");

还要注意使用 html 而不是 text。我相信文本会剥离标记，或者至少不会将其视为这样并转义它或其他东西。

您还可以执行以下操作：

pTag.append(" HA! HA! HA! YOU A WINNER!!!");