我似乎无法在append（）方法中将两个字符串连接在一起

Question

$('resultsBlue').append('<p><b>Verschil: </b>' + (randomNumber1 - randomNumber) / 1000 + ' Seconden</p>');

#resultsBlue {
  background-color: #6699ff;
  border-radius: 7px;
}

.resultDiv {
  height: 200px;
  width: 300px;
  display: inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='resultsBlue' class='Div'>
  <h1>Blauw</h1>
</div>

这是与此问题有关的所有代码的片段

正如您在代码段中看到的那样，我正在尝试追加多种数据类型，但它似乎无法正常工作。我如何让它做我想要的？提前谢谢

Answer 1

您忘记将#放入选择器。

$('#resultsBlue').append('<p><b>Verschil: </b>' + (randomNumber1 - randomNumber) / 1000 + ' Seconden</p>');

Answer 2

您需要为ID添加#。

我认为

$('resultsBlue').append('<p><b>Verschil: </b>' + (20 - 10) / 1000 + ' Seconden</p>');

应该是

$('#resultsBlue').append('<p><b>Verschil: </b>' + (20 - 10) / 1000 + ' Seconden</p>');

Answer 3

尝试$('#resultsBlue')，因为您选择的是具有id属性的元素。