2017-07-26 101 views
0

我有这样的代码打印出来的用户列表,当我尝试运行它,我得到这个错误:错误在jQuery函数“输出HTML是不是一个函数”

Uncaught TypeError: ".output".html is not a function,

我在做什么错这里?任何帮助或建议都会有所帮助。

注:我使用console.log进行测试,我得到了我想要的结果。

HTML代码:

<html> 
<body> 
<div class="output">Show output</div> 
</body> 
</htm> 

jQuery代码:

$(document).ready(function(){ 
     $.getJSON("http://zadanie.laboratorium.ee/users.json",function(data) 
    { 
     var items = []; 
     var number_of_user = 0; 
     var number_of_active_user = 0; 
     var number_of_active_men = 0; 
     var number_of_active_women = 0; 
      $.each(data, 
      function(key, value) 
      { 
       number_of_user += 1; 
       if(value['active'] == true){ 
       if(value['gender'][0] == 'Female' || value['gender'][0] == 'female'){ 
        number_of_active_women +=1; 
       } 
       else if(value['gender'][0] == 'Male' || value['gender'][0] == 'male'){ 
        number_of_active_men +=1; 
       } 
       } 

      }); 


      (".output").html("number_of_user ==> "+number_of_user +" number_of_active_user ==> "+ number_of_active_user +" number_of_active_men ==> "+ number_of_active_men +" number_of_active_women ==> "+ number_of_active_women); 

    }); 
    }); 

+3

使用: $( “输出”) – Preet

+0

我投票,因为它是由一个简单的拼写错误造成的关闭这个(缺少'$')。 – nnnnnn

+0

该死的谢谢,我很累lol :(wtf –

回答

0

你缺少你$('.output')开始。

$(document).ready(function(){ 
     $.getJSON("http://zadanie.laboratorium.ee/users.json",function(data) 
    { 
     var items = []; 
     var number_of_user = 0; 
     var number_of_active_user = 0; 
     var number_of_active_men = 0; 
     var number_of_active_women = 0; 
      $.each(data, 
      function(key, value) 
      { 
       number_of_user += 1; 
       if(value['active'] == true){ 
       if(value['gender'][0] == 'Female' || value['gender'][0] == 'female'){ 
        number_of_active_women +=1; 
       } 
       else if(value['gender'][0] == 'Male' || value['gender'][0] == 'male'){ 
        number_of_active_men +=1; 
       } 
       } 

      }); 

      // ADDED THE JQUERY $ HERE 
      $(".output").html("number_of_user ==> "+number_of_user +" number_of_active_user ==> "+ number_of_active_user +" number_of_active_men ==> "+ number_of_active_men +" number_of_active_women ==> "+ number_of_active_women); 

    }); 
    }); 
相关问题