JavaScript的追加僅第一項

我有這個JavaScript的追加僅第一項

$("#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"); 
      });

我將如何去只是使這個顯示結果的第一位，而不是顯示所有的人？

繼承人的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)

來源

2016-03-04 sam roberts

如果你只是想第一個，那麼你不應該使用一個for循環和更換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)

來源

2016-03-04 15:29:37 DCruz22

問題是我使用其他所有的東西，我只是想第一個爲我的網頁上的元素:) –

你能給我更多的細節嗎？ – DCruz22

如果您想要保留循環，並且仍然只有第一個元素被顯示，我建議僅僅圍繞顯示該元素的代碼部分，如果如果語句確保代碼僅在i = 0時運行，即冷杉st元素。

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"); 
} 
     });

來源

2016-03-04 15:52:07

JavaScript的追加僅第一項

回答

相關問題