Javascript добавлять только первый элемент

Question

Я это

$("#tableid").append("<tr><td><img id='theImg' src='/assets/logo.png'/></td><td><b>" + section + 
      "</b></td><td><b>" + no + "</b></td><td><b>£" + price + "</b></td><td><b>£"+ bookingfee.toFixed(2) +"</b></td><td><b>" + total +"</b></td><td><b>" + button + "</b></td></tr>"); 
      $("#tableid").find(".btn.btn-info").click(function() { 
       location.href = $(this).attr("data-url"); 
      }); 

Как бы я идти о только что делает это шоу первый из результатов, а не показывать их все?

Heres остальные JS файл

success: function(json) { 
      if (json.total_items == 0) { 
       $("#tableid").append("<tr><td><img id='theImg' src='/assets/logo.png'/></td><td><b>No Tickets available</b></td></tr>"); 
      } else { 
      for (var i = 0; i < json._embedded.items.length; i++) { 
      var section = json._embedded.items[i].seating.section; 
      var tid = json._embedded.items[i].id; 
      var no = json._embedded.items[i].number_of_tickets; 
      var price = json._embedded.items[i].estimated_ticket_price.amount.toFixed(2); 
      var bookingfee = json._embedded.items[i].estimated_booking_fee.amount; 
      var total = "£" + (parseFloat(price) + parseFloat(bookingfee)).toFixed(2) 

Answer 1

Если вы просто хотите, чтобы первый, то вы не должны использоваться для цикла и заменить i с 0: var section = json._embedded.items[0].seating.section; var tid = json._embedded.items[0].id; var no = json._embedded.items[0].number_of_tickets; var price = json._embedded.items[0].estimated_ticket_price.amount.toFixed(2); var bookingfee = json._embedded.items[0].estimated_booking_fee.amount; var total = "£" + (parseFloat(price) + parseFloat(bookingfee)).toFixed(2)

Answer 2

Если вы хотите сохранить цикл и все еще показывать только первый элемент, я бы предложил просто окружить часть кода, которая отображает элемент с , если, который гарантирует, что код будет запущен только тогда, когда i = 0, т.е. ель элемент.

if (i == 0) { 
$("#tableid").append("<tr><td><img id='theImg' src='/assets/logo.png'/></td><td><b>" + section + 
     "</b></td><td><b>" + no + "</b></td><td><b>£" + price + "</b></td><td><b>£"+ bookingfee.toFixed(2) +"</b></td><td><b>" + total +"</b></td><td><b>" + button + "</b></td></tr>"); 
     $("#tableid").find(".btn.btn-info").click(function() { 
      location.href = $(this).attr("data-url"); 
} 
     });