Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向div追加添加ID值_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何向div追加添加ID值

Javascript 如何向div追加添加ID值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个故障计数器,它存储所有错误答案的值。它从0开始,每答错一个就上升一个 我想让结果屏幕显示您所犯错误的数量。因此,如果div fault counter的值为3,则结束文本将说对不起,您已经犯了3个错误 这是我尝试过的代码,但似乎不起作用。有什么办法吗 var faultcounter = $('#fault-counter'); $('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter') + '

我有一个故障计数器,它存储所有错误答案的值。它从0开始,每答错一个就上升一个

我想让结果屏幕显示您所犯错误的数量。因此,如果div fault counter的值为3,则结束文本将说对不起,您已经犯了3个错误

这是我尝试过的代码,但似乎不起作用。有什么办法吗

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

$('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter') + ' faults!</h1>');
您必须使用.val从故障计数器中获取值,然后将变量(而不是jQuery选择器)附加到错误计数器。 也就是说,我假设您使用的是输入或选择故障计数器。否则,文本就足够了

您必须使用.val从故障计数器中获取值,然后将变量(而不是jQuery选择器)附加到错误计数器。
也就是说,我假设您使用的是输入或选择故障计数器。否则,文本就足够了

我认为有一个问题:

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

  if $('#fault-counter') is a input control then use "VAL()" : 

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

如果$'fault-counter'是DIV控件,则使用html:

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

我认为有一个问题:

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

  if $('#fault-counter') is a input control then use "VAL()" : 

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

如果$'fault-counter'是DIV控件,则使用html:

    $('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter').html() + ' faults!</h1>');
这是您想要使用的,因为您提到故障计数器是一个div。如果是这样,那么您将需要使用.text方法。如果是输入或文本区域,则使用.val方法


这是您想要使用的,因为您提到故障计数器是一个div。如果是这样,那么您将需要使用.text方法。如果是输入或文本区域,则使用.val方法。

尝试此方法,因为您的故障计数器是div than。text应该足够了

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

试试这个,因为您的错误计数器是div than。文本应该足够了

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

您的错误计数器是什么类型的HTML元素?只需将.text添加到$'fault-counter'的末尾(如果是输入),然后使用$'fault-counter.val,否则使用$'fault-counter.text HTML元素是:0个错误,我增加数字值的方式是:$.failQuestion.clickfunction{$'fault-counter.htmlfunction,val{return val*1+1};};遗憾的是,使用.val将不显示任何数字,.text始终显示默认值0。:您的错误计数器是什么类型的HTML元素?如果是输入,则只需将.text添加到$'fault-counter'的末尾,然后使用$'fault-counter'。否则使用$'fault-counter'。text HTML元素是这样的:0个错误,并且我正在增加数字的e值如下:$.failQuestion.clickfunction{$'fault-counter'.htmlfunctioni,val{return val*1+1};};遗憾的是,使用.val时不会显示任何数字,.text始终显示默认值0。:HTML元素是:0个错误,我增加数字值的方式是:$.failQuestion.clickfunction{$'fault-counter'.htmlfunctioni,val{return val*1+1};};不幸的是,使用.val时不会显示任何数字,.text始终显示默认值0。:您能将当前所有代码发布到codepen/JSFIDLE中,以便我可以仔细查看它吗?感谢您花费的时间和精力,您真是太棒了!但我发现这是可行的!$'slickquick'。预告“抱歉,您有”+$'fault-counter'ext+'faults!';HTML元素是:0个错误,我增加数字值的方式是:$.failQuestion.clickfunction{$'fault-counter'.htmlfunction,val{return val*1+1};};不幸的是,使用.val时不会显示任何数字,.text始终显示默认值0。:您能将当前所有代码发布到codepen/JSFIDLE中,以便我可以仔细查看它吗?感谢您花费的时间和精力,您真是太棒了!但我发现这是可行的!$'slickquick'。预告“抱歉,您有”+$'fault-counter'ext+'faults!';感谢您的帮助!:D感谢您的帮助!:D
 $('#slickQuiz').prepend('<h1>Sorry, you have ' + $('#fault-counter').text() + ' faults!</h1>');