通過JavaScript對象，並輸出結果相同的元素循環

Question

$(document).on('mouseenter', '.grid-img-hover', function() { 
var container = $(this); 
var jobId = container.parent().find('.title-wrap-hidden').text(); 

    $.ajax({ 
      url: 'db_client_job_name_lookup.php', 
      type: 'POST', 
      dataType: 'json', 
      data:{ 
       jobId: jobId 
       }, 
       success: function(data) { 
       //console.log(data.client_name[0][0][0]['name']); 
       container.find('.title-wrap').html('<p class="job-name">'+ data.portfolio_item_name + 
        '</p><p class="client-name">'+ data.client_name[0][0][0]['name'] +'</p>'); 
        // container.find('.title-wrap').html('<p class="client-name">'+ data.result.client_name +'</p>'); 
        }, 
        error: function(jqXHR, textStatus, errorThrown) { 
        // error 
        alert(errorThrown); 
        } 
        }); 

        }); 

您好，我有這行代碼，我通過data.client_name[0][0][0]['name']並輸出其在同一<p class="client-name"></p>標籤值要循環。該指數會在data.client的中間改變，如(data.client_name[0][$index][0]['name'])。我怎麼能這樣做？謝謝。

Answer 1

$(document).on('mouseenter', '.grid-img-hover', function() { 
         var container = $(this); 
         var jobId = container.parent().find('.title-wrap-hidden').text(); 

         $.ajax({ 
         url: 'db_client_job_name_lookup.php', 
         type: 'POST', 
         dataType: 'json', 
         data: { 
         jobId: jobId 
         }, 
         success: function(data) { 
         var client_names_text; 
         var clients_array = []; 
         function make_clients(){ 
          for (var i = 0; i < data.client_name[0].length; i++) { 
           clients_array.push(data.client_name[0][i][0]['name']); 
          } 
          client_names_text = clients_array.join(','); 
          return client_names_text; 
         } 
         //console.log(data.client_name[0][0][0]['name']); 
         container.find('.title-wrap').html('<p class="job-name">'+ data.portfolio_item_name + 
         '</p><p class="client-name">'+ make_clients() +'</p>'); 
         // container.find('.title-wrap').html('<p class="client-name">'+ data.result.client_name +'</p>'); 
         }, 
         error: function(jqXHR, textStatus, errorThrown) { 
         // error 
         alert(errorThrown); 
         } 
         }); 

         }); 

好吧，我通過創建一個函數來完成繁重的工作，在這裏工作的代碼塊得到了這個工作。

Answer 2

這是你的意思嗎？

for (i = 0; i < data.client_name[0].length; i++) { 
    container.find('.title-wrap').html('<p class="job-name">'+ data.portfolio_item_name + 
'</p><p class="client-name">'+ data.client_name[0][i][0]['name'] +'</p>'); 
}