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

Question

我有一个“错误计数器”，用于存储所有错误答案的值。它从 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 });
  });

Answer 1

试试这个，因为你的故障计数器是一个 div 而不是 .text() 就足够了。

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