Question

我使用jquery使用以下代码从api中提取数据

 type: 'GET',
                    dataType: 'json',
                    url: "http://api.football-data.org/v1/competitions/426/teams",

                    processData: true,
                    success: function (data, status) {
                        var trHTML = '';
                        $.each(data.teams, function (key, item) {
                            var id = item._links.self.href;
                            var indexOfLastBackSlash = id.lastIndexOf("/") + 1;
                            id = id.substring(indexOfLastBackSlash);
                            //$('<option>', { text: item.TeamName, id: item.ID }).appendTo('#lstTeams');
                            var $row = $("<tr>", { class: "info" });
                            $row.append($("<td>").html(item.name));
                            $row.append($("<td>").html(item.code));
                            $row.append($("<td>").html(item.shortName));
                            $row.append($("<td>").html(item.squadMarketValue));
                            $row.append($("<td>").html(item.crestURL));
                            $row.append($("<td>").html(id));
                            $row.appendTo($('#teamsTable'));

我想通过点击一个td元素来选择一行并获取id并将其放在一个url中。我试过这个

$("#teamsTable").on('click', 'td', (function() {
                                //var id = $(this).attr("id");
                                //location.reload();
                                $.ajax({
                                    type: 'GET',
                                    dataType: 'jsonp',
                                    crossDomain: true,
                                    url: "http://api.football-data.org/v1/teams/" + id + "/fixtures",

但似乎从表中选择了所有ID。有关如何获取一个ID的任何建议吗？

Answer 1

你有

var id = $(this).attr('id');

你应该能够

var id = $(this).closest('tr').attr('id');

例如，请参阅this fiddle

编辑：评论中的@James点。

var $row = $("<tr>", { class: "info" }).prop('id', id);

如何从td元素中选择特定的ID？

1 个答案: