javascript - 如何将ID值添加到div附加

我有一个“故障计数器”，其中存储了所有错误答案的值。它从0开始，对于每个错误的答案都增加一个。

我希望结果屏幕显示您所犯的错误数量。因此，如果div＃fault-counter的值为3，则结束文本将显示“对不起，您犯了3个错误！”

这是我尝试过的代码，但似乎不起作用。有关如何执行此操作的任何想法？

var faultcounter = $('#fault-counter');

$('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter') + ' faults!</h1>');

编辑：
“故障计数器”的HTML如下所示：

<div id="fault-display">
          <div id="fault-counter">0</div>
          <h3>FAULTS</h3>
        </div>

用来增加每个错误答案的值的jQuery是这样的：

$(".failQuestion").click(function(){
    $('#fault-counter').html(function(i, val) { return val*1+1 });
  });

最佳答案

尝试此操作，因为您的错误计数器是一个div，而.text（）应该足够。

 $('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter').text() + ' faults!</h1>');