首页 > 解决方案 > 单击对象卡时如何获取ID?

问题描述

单击卡片时如何获取 id,我在 concole.log 中获取 id。但我不知道点击卡片时获取 id。这是代码:

    $.ajax({
    url : 'https://www.thesportsdb.com/api/v1/json/1/search_all_leagues.php?',
    type: 'get',
    dataType: 'json',
    data : {
        's' : 'Soccer'
    },

    success: function(result){
        let league = result.countrys;

        $.each(league, function(i, data){
            $('#club-list').append(`
                <div class="col-md-4 p-2">
                    <div class="card shadow" onCLick="console.log(`+data.idLeague+`)">
                      <img src="`+ data.strBadge +`" class="card-img-top p-2" alt="...">
                      <div class="card-body">
                        <p class="card-text">`+ data.strLeague +`</p>
                      </div>
                    </div>
                </div>`);
        });

        $('.card').on('click', function(){

            $.ajax({

                url : 'https://www.thesportsdb.com/api/v1/json/1/lookup_all_teams.php?',
                type: 'get',
                dataType: 'json',
                data: {
                    // 'id' : '4328'
                    'id' : /* HOW TO GET ID FROM CARD WHEN USER CLICK CARD ? */
                },

                success: function(result){
                    let team = result.teams;


                    $.each(team, function(i, data){
                        $('#club-detail').append(`
                            <div class="col-md-4 p-2">
                                <div class="card shadow">
                                  <img src="`+ data.strTeamBadge +`" class="card-img-top p-2" alt="...">
                                  <div class="card-body">
                                    <p class="card-text">`+ data.strTeam +`</p>
                                  </div>
                                </div>
                            </div>`);
                    });
                    // window.location.href = "league.php";
                    console.log(team);
                }

            });



        });
    } 
});

https://www.thesportsdb.com/api/v1/json/1/lookup_all_teams.php?id=4328 /* 用户点击卡片时如何获取ID?*/

在此处输入图像描述

标签: ajax

解决方案


使用类而不是 id。因为具有相同密钥的多个 id 将不起作用


推荐阅读