Question

我无法正确编码，以便计算出有多少问题。这是我的代码。我正在使用jQuery。我不知道我哪里出错了。当我运行这个时，我得到0作为答案。

  <fieldset id="question-1">
<p>
      <label>Question 1</label>
   </p>
    <p>How many questions are there on this page?</p>
    <p class="output"></p>
  </fieldset>
<fieldset id="question-2"> 
<p>
      <label>Question 2</label>
   </p>
    <p>Make the word "Disappear" disappear after two seconds.</p>
    <p class="target">Disappear</p>
    <p class="output"></p>
  </fieldset>
<fieldset id="question-3">
<p> 
      <label>Question 3</label>
    </p>
    <p>Make the word "Fade" fade after two seconds.</p>
    <p class="target">Fade</p>
    <p class="output"></p>
  </fieldset>

$(document).ready(function(){
var n = $(".question-").find("fieldset").length;
  alert(n);
});

$(document).ready(function(){
$("#question-2 .target").hide(2000);
});
$(document).ready(function(){
$("#question-3 .target").fadeOut(2000);
});

Answer 1

$(".question-")将查找带有class =＆＃34;问题的元素 - ＆＃34;但你有一个ID，所以你至少应该尝试使用$('#question-1')指出下一个问题：如果你有一个类或者像＃34;问题1和＃34;你没有一个没有那个号码的选择器，因为它是选择器的一部分。

也许最好的方式就像raina77ow在下面的评论中提到

$('fieldset[id^=question]').length

更新了小提琴http://jsfiddle.net/h6h20qam/1/

Answer 2

最简单的方法是给每个问题提供相同的课程。而不是使用jquery中的length函数来计算那些具有该类的函数。

$("#button_count").click(function(e){
    alert("there are: " + $(".question").length) + "questions";
});

http://jsfiddle.net/hfzvgauy/

我正在使用jQuery来计算数字问题

2 个答案: