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

我怎样才能让这个节目成为第一个结果而不是全部显示？

继承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

如果您只想要第一个，那么您不应该使用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)

Answer 2

如果你想保持循环但仍然只显示第一个元素，我建议只使用 if 语句来显示元素的代码部分，以确保代码将仅在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");
}
        });

javascript仅附加第一项

2 个答案: