2017-07-26 100 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); 

    }); 
    }); 
相關問題